/* Alternate Theme Variants — switch via html[data-theme="..."] */
/* Default theme inherits from theme.css */

html[data-theme="default"] {
  --color-primary: #0d6efd;
  --color-secondary: #5c7cfa;
  --color-accent: #22b8cf;
  --bs-primary: var(--color-primary);
}

/* Ocean: cool blues/teals for modern academic vibe */
html[data-theme="ocean"] {
  --color-primary: #0ea5e9; /* sky-500 */
  --color-secondary: #14b8a6; /* teal-500 */
  --color-accent: #38bdf8;   /* sky-400 */
  --bs-primary: var(--color-primary);
  --bs-primary-rgb: 14,165,233;
}

/* Forest: greens with deep accents for calm productivity */
html[data-theme="forest"] {
  --color-primary: #16a34a; /* green-600 */
  --color-secondary: #065f46; /* emerald-800 */
  --color-accent: #22c55e;   /* green-500 */
  --bs-primary: var(--color-primary);
  --bs-primary-rgb: 22,163,74;
}

/* Sunset: vibrant orange/rose for energetic interfaces */
html[data-theme="sunset"] {
  --color-primary: #f97316; /* orange-500 */
  --color-secondary: #f43f5e; /* rose-500 */
  --color-accent: #fb7185;   /* rose-400 */
  --bs-primary: var(--color-primary);
  --bs-primary-rgb: 249,115,22;
}

/* Dark: pairs with Bootstrap dark mode; keep neutrals high-contrast */
html[data-theme="dark"] {
  --bs-body-bg: #0f172a; /* slate-900 */
  --bs-body-color: #e2e8f0; /* slate-200 */
  --neutral-100: #1f2937;
  --neutral-200: #334155;
  --neutral-300: #475569;
  --neutral-600: #cbd5e1;
  --neutral-900: #e5e7eb;
}

/* Subtle component tuning per theme */
html[data-theme="ocean"] .menu-link.active { box-shadow: inset 0 0 0 1px rgba(14,165,233,.25), 0 0 14px rgba(56,189,248,.35); }
html[data-theme="forest"] .menu-link.active { box-shadow: inset 0 0 0 1px rgba(22,163,74,.25), 0 0 14px rgba(22,197,94,.25); }
html[data-theme="sunset"] .menu-link.active { box-shadow: inset 0 0 0 1px rgba(249,115,22,.25), 0 0 14px rgba(244,63,94,.25); }