/* Generated by scripts/generate-theme-css.js — do not edit by hand */

/* Default: light */
:root {
  --bg: #F9FAFB;
  --surface: #F3F4F6;
  --surface-deep: #E0E7FF;
  --border: #E5E7EB;
  --border-subtle: #9CA3AF;
  --text: #111827;
  --text-secondary: #6B7280;
  --text-muted: #9CA3AF;
  --accent: #D97706;
  --accent-deep: #F59E0B;
  --accent-hover: #FBBF24;
  --accent-light: #FCD34D;
  --ok: #34D399;
  --ok-base: #059669;
  --warn: #D97706;
  --error: #EF4444;
  --info: #3B82F6;
  --info-light: #60A5FA;
  --cyan: #06B6D4;
  --cyan-light: #22D3EE;
  --purple: #A855F7;
  --purple-light: #C084FC;
  --portal-primary: #6366F1;
  --portal-primary-hover: #4F46E5;
}

/* System: follows OS dark mode natively — no JS needed */
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #111827;
    --surface: #1F2937;
    --surface-deep: #0F172A;
    --border: #374151;
    --border-subtle: #4B5563;
    --text: #F9FAFB;
    --text-secondary: #9CA3AF;
    --text-muted: #6B7280;
    --accent: #F59E0B;
    --accent-deep: #D97706;
    --accent-hover: #FBBF24;
    --accent-light: #FCD34D;
    --ok: #34D399;
    --ok-base: #059669;
    --warn: #D97706;
    --error: #EF4444;
    --info: #3B82F6;
    --info-light: #60A5FA;
    --cyan: #06B6D4;
    --cyan-light: #22D3EE;
    --purple: #A855F7;
    --purple-light: #C084FC;
    --portal-primary: #6366F1;
    --portal-primary-hover: #4F46E5;
  }
}

/* Explicit dark — overrides OS preference */
[data-theme="dark"] {
  --bg: #111827;
  --surface: #1F2937;
  --surface-deep: #0F172A;
  --border: #374151;
  --border-subtle: #4B5563;
  --text: #F9FAFB;
  --text-secondary: #9CA3AF;
  --text-muted: #6B7280;
  --accent: #F59E0B;
  --accent-deep: #D97706;
  --accent-hover: #FBBF24;
  --accent-light: #FCD34D;
  --ok: #34D399;
  --ok-base: #059669;
  --warn: #D97706;
  --error: #EF4444;
  --info: #3B82F6;
  --info-light: #60A5FA;
  --cyan: #06B6D4;
  --cyan-light: #22D3EE;
  --purple: #A855F7;
  --purple-light: #C084FC;
  --portal-primary: #6366F1;
  --portal-primary-hover: #4F46E5;
}

/* Explicit light — overrides OS preference */
[data-theme="light"] {
  --bg: #F9FAFB;
  --surface: #F3F4F6;
  --surface-deep: #E0E7FF;
  --border: #E5E7EB;
  --border-subtle: #9CA3AF;
  --text: #111827;
  --text-secondary: #6B7280;
  --text-muted: #9CA3AF;
  --accent: #D97706;
  --accent-deep: #F59E0B;
  --accent-hover: #FBBF24;
  --accent-light: #FCD34D;
  --ok: #34D399;
  --ok-base: #059669;
  --warn: #D97706;
  --error: #EF4444;
  --info: #3B82F6;
  --info-light: #60A5FA;
  --cyan: #06B6D4;
  --cyan-light: #22D3EE;
  --purple: #A855F7;
  --purple-light: #C084FC;
  --portal-primary: #6366F1;
  --portal-primary-hover: #4F46E5;
}