/* ===================================
   Grana - Fider Custom Theme
   Light: Amber/Orange | Dark: Purple
   =================================== */

/* ========== LIGHT MODE ========== */
body[data-theme="light"] {
  --primary-color-light: #fde68a;
  --primary-color: #d97706;
  --primary-color-dark: #92400e;

  --colors-blue-50: #fffbeb;
  --colors-blue-100: #fef3c7;
  --colors-blue-200: #fde68a;
  --colors-blue-300: #fcd34d;
  --colors-blue-400: #fbbf24;
  --colors-blue-500: #f59e0b;
  --colors-blue-600: #d97706;
  --colors-blue-700: #b45309;
  --colors-blue-800: #92400e;
  --colors-blue-900: #78350f;
}

body[data-theme="light"] .text-blue-50 { color: #fffbeb; }
body[data-theme="light"] .text-blue-100 { color: #fef3c7; }
body[data-theme="light"] .text-blue-200 { color: #fde68a; }
body[data-theme="light"] .text-blue-300 { color: #fcd34d; }
body[data-theme="light"] .text-blue-400 { color: #fbbf24; }
body[data-theme="light"] .text-blue-500 { color: #f59e0b; }
body[data-theme="light"] .text-blue-600 { color: #d97706; }
body[data-theme="light"] .text-blue-700 { color: #b45309; }
body[data-theme="light"] .text-blue-800 { color: #92400e; }
body[data-theme="light"] .text-blue-900 { color: #78350f; }
body[data-theme="light"] .hover\:text-blue-600:hover { color: #d97706; }
body[data-theme="light"] .hover\:text-blue-800:hover { color: #92400e; }

body[data-theme="light"] .bg-blue-50 { background-color: #fffbeb; }
body[data-theme="light"] .bg-blue-100 { background-color: #fef3c7; }
body[data-theme="light"] .bg-blue-200 { background-color: #fde68a; }
body[data-theme="light"] .bg-blue-300 { background-color: #fcd34d; }
body[data-theme="light"] .bg-blue-400 { background-color: #fbbf24; }
body[data-theme="light"] .bg-blue-500 { background-color: #f59e0b; }
body[data-theme="light"] .bg-blue-600 { background-color: #d97706; }
body[data-theme="light"] .bg-blue-700 { background-color: #b45309; }
body[data-theme="light"] .bg-blue-800 { background-color: #92400e; }
body[data-theme="light"] .bg-blue-900 { background-color: #78350f; }
body[data-theme="light"] .hover\:bg-blue-50:hover { background-color: #fffbeb; }
body[data-theme="light"] .hover\:bg-blue-100:hover { background-color: #fef3c7; }
body[data-theme="light"] .hover\:bg-blue-200:hover { background-color: #fde68a; }
body[data-theme="light"] .hover\:bg-blue-500:hover { background-color: #f59e0b; }
body[data-theme="light"] .hover\:bg-blue-600:hover { background-color: #d97706; }

body[data-theme="light"] .border-blue-100 { border-color: #fef3c7; }
body[data-theme="light"] .border-blue-200 { border-color: #fde68a; }
body[data-theme="light"] .border-blue-300 { border-color: #fcd34d; }
body[data-theme="light"] .border-blue-500 { border-color: #f59e0b; }
body[data-theme="light"] .border-blue-600 { border-color: #d97706; }

body[data-theme="light"] *:focus:not(.no-focus) {
  border-color: #d97706 !important;
  box-shadow: 0 0 0 3px rgba(217, 119, 6, 0.15) !important;
}

/* ========== DARK MODE ========== */
body[data-theme="dark"] {
  --primary-color-light: #c4b5fd;
  --primary-color: #a78bfa;
  --primary-color-dark: #8b5cf6;

  --colors-blue-50: #1e1033;
  --colors-blue-100: #1e1033;
  --colors-blue-200: #2e1065;
  --colors-blue-300: #4c1d95;
  --colors-blue-400: #6d28d9;
  --colors-blue-500: #7c3aed;
  --colors-blue-600: #8b5cf6;
  --colors-blue-700: #a78bfa;
  --colors-blue-800: #c4b5fd;
  --colors-blue-900: #ede9fe;
}

body[data-theme="dark"] .text-blue-50 { color: #1e1033; }
body[data-theme="dark"] .text-blue-100 { color: #1e1033; }
body[data-theme="dark"] .text-blue-200 { color: #2e1065; }
body[data-theme="dark"] .text-blue-300 { color: #4c1d95; }
body[data-theme="dark"] .text-blue-400 { color: #6d28d9; }
body[data-theme="dark"] .text-blue-500 { color: #7c3aed; }
body[data-theme="dark"] .text-blue-600 { color: #8b5cf6; }
body[data-theme="dark"] .text-blue-700 { color: #a78bfa; }
body[data-theme="dark"] .text-blue-800 { color: #c4b5fd; }
body[data-theme="dark"] .text-blue-900 { color: #ede9fe; }
body[data-theme="dark"] .hover\:text-blue-600:hover { color: #8b5cf6; }
body[data-theme="dark"] .hover\:text-blue-800:hover { color: #c4b5fd; }

body[data-theme="dark"] .bg-blue-50 { background-color: #1e1033; }
body[data-theme="dark"] .bg-blue-100 { background-color: #1e1033; }
body[data-theme="dark"] .bg-blue-200 { background-color: #2e1065; }
body[data-theme="dark"] .bg-blue-300 { background-color: #4c1d95; }
body[data-theme="dark"] .bg-blue-400 { background-color: #6d28d9; }
body[data-theme="dark"] .bg-blue-500 { background-color: #7c3aed; }
body[data-theme="dark"] .bg-blue-600 { background-color: #8b5cf6; }
body[data-theme="dark"] .bg-blue-700 { background-color: #a78bfa; }
body[data-theme="dark"] .bg-blue-800 { background-color: #c4b5fd; }
body[data-theme="dark"] .bg-blue-900 { background-color: #ede9fe; }
body[data-theme="dark"] .hover\:bg-blue-50:hover { background-color: #1e1033; }
body[data-theme="dark"] .hover\:bg-blue-100:hover { background-color: #1e1033; }
body[data-theme="dark"] .hover\:bg-blue-200:hover { background-color: #2e1065; }
body[data-theme="dark"] .hover\:bg-blue-500:hover { background-color: #7c3aed; }
body[data-theme="dark"] .hover\:bg-blue-600:hover { background-color: #8b5cf6; }

body[data-theme="dark"] .border-blue-100 { border-color: #1e1033; }
body[data-theme="dark"] .border-blue-200 { border-color: #2e1065; }
body[data-theme="dark"] .border-blue-300 { border-color: #4c1d95; }
body[data-theme="dark"] .border-blue-500 { border-color: #7c3aed; }
body[data-theme="dark"] .border-blue-600 { border-color: #8b5cf6; }
body[data-theme="dark"] .border-blue-800 { border-color: #c4b5fd; }

body[data-theme="dark"] *:focus:not(.no-focus) {
  border-color: #a78bfa !important;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.2) !important;
}

/* Link hover (uses --colors-blue-800 via var, but text-link:hover is compiled) */
body[data-theme="light"] .text-link:hover { color: #92400e; }
body[data-theme="dark"] .text-link:hover { color: #c4b5fd; }