/* ==========================================================================
   Color Schemes
   ==========================================================================
   Five ready-made, professional palettes. Pick one at Appearance ->
   Customize -> Color Scheme & Layout Style -> Color Scheme. Each scheme
   overrides the same --primary-*/--secondary-* tokens the rest of the
   theme already builds on (buttons, links, badges, active states, hero
   glow, dashboard accents, etc.), so switching schemes re-colors the whole
   site consistently in both light and dark mode without touching any
   template. The attribute selector (html[data-scheme="..."]) always beats
   the :root defaults in style.css, so load order between the two
   stylesheets doesn't matter.
   ========================================================================== */

/* --- Ocean Blue (default) ------------------------------------------------ */
html[data-scheme="ocean"] {
  --primary-50: #eff6ff; --primary-100: #dbeafe; --primary-200: #bfdbfe;
  --primary-300: #93c5fd; --primary-400: #60a5fa; --primary-500: #3b82f6;
  --primary-600: #2563eb; --primary-700: #1d4ed8; --primary-800: #1e40af; --primary-900: #1e3a8a;
  --secondary-400: #38bdf8; --secondary-600: #0ea5e9;
  --primary-rgb: 37,99,235; --primary-500-rgb: 59,130,246;
}

/* --- Emerald Green -------------------------------------------------------- */
html[data-scheme="emerald"] {
  --primary-50: #ecfdf5; --primary-100: #d1fae5; --primary-200: #a7f3d0;
  --primary-300: #6ee7b7; --primary-400: #34d399; --primary-500: #10b981;
  --primary-600: #059669; --primary-700: #047857; --primary-800: #065f46; --primary-900: #064e3b;
  --secondary-400: #2dd4bf; --secondary-600: #0d9488;
  --primary-rgb: 5,150,105; --primary-500-rgb: 16,185,129;
}

/* --- Royal Purple ---------------------------------------------------------- */
html[data-scheme="violet"] {
  --primary-50: #f5f3ff; --primary-100: #ede9fe; --primary-200: #ddd6fe;
  --primary-300: #c4b5fd; --primary-400: #a78bfa; --primary-500: #8b5cf6;
  --primary-600: #7c3aed; --primary-700: #6d28d9; --primary-800: #5b21b6; --primary-900: #4c1d95;
  --secondary-400: #e879f9; --secondary-600: #c026d3;
  --primary-rgb: 124,58,237; --primary-500-rgb: 139,92,246;
}

/* --- Sunset Amber ----------------------------------------------------------- */
html[data-scheme="amber"] {
  --primary-50: #fffbeb; --primary-100: #fef3c7; --primary-200: #fde68a;
  --primary-300: #fcd34d; --primary-400: #fbbf24; --primary-500: #f59e0b;
  --primary-600: #d97706; --primary-700: #b45309; --primary-800: #92400e; --primary-900: #78350f;
  --secondary-400: #fb7185; --secondary-600: #e11d48;
  --primary-rgb: 217,119,6; --primary-500-rgb: 245,158,11;
}

/* --- Slate Indigo (deep, corporate) ----------------------------------------- */
html[data-scheme="indigo"] {
  --primary-50: #eef2ff; --primary-100: #e0e7ff; --primary-200: #c7d2fe;
  --primary-300: #a5b4fc; --primary-400: #818cf8; --primary-500: #6366f1;
  --primary-600: #4f46e5; --primary-700: #4338ca; --primary-800: #3730a3; --primary-900: #312e81;
  --secondary-400: #22d3ee; --secondary-600: #0891b2;
  --primary-rgb: 79,70,229; --primary-500-rgb: 99,102,241;
}