/* ============================================================================
   iregi design tokens — modular, multi-theme.
   Themes are just different values for the same CSS variables. Add a new theme
   by copying a [data-theme="..."] block. A toggle sets data-theme on <html>.
   Semantic names (surface, ink, primary, accent…) keep templates theme-agnostic.
   ============================================================================ */
:root,
:root[data-theme="verdant"] {                 /* Light · Verdant (default) */
  --brand-50:#ecfdf3; --brand-100:#d1fadf; --brand-500:#16a34a; --brand-600:#15803d; --brand-700:#166534;
  --c-bg:#f4f7f5; --c-bg-grad-1:#eef5f0; --c-bg-grad-2:#f7faf8;
  --c-surface:#ffffff; --c-surface-2:#f1f5f3; --c-border:#e3e9e6;
  --c-ink:#0f1e17; --c-muted:#5b6b63;
  --c-primary:#16a34a; --c-primary-600:#15803d; --c-primary-fg:#ffffff; --c-primary-soft:#ecfdf3;
  --c-accent:#f59e0b; --c-accent-soft:#fef3c7;
  --c-success:#16a34a; --c-success-soft:#dcfce7;
  --c-warning:#d97706; --c-warning-soft:#fef3c7;
  --c-danger:#dc2626;  --c-danger-soft:#fee2e2;
  --c-info:#2563eb;    --c-info-soft:#dbeafe;
  --c-viz-1:#16a34a; --c-viz-2:#2563eb; --c-viz-3:#f59e0b; --c-viz-4:#7c3aed; --c-viz-5:#db2777;
  --shadow:0 1px 2px rgba(16,30,23,.04),0 8px 24px rgba(16,30,23,.06);
  --radius:1rem;
}
:root[data-theme="midnight"] {                /* Dark · Midnight (navy + gold) */
  --brand-50:#0e2a1c; --brand-100:#123a26; --brand-500:#22c55e; --brand-600:#16a34a; --brand-700:#15803d;
  --c-bg:#0a1120; --c-bg-grad-1:#0b1426; --c-bg-grad-2:#0a0f1c;
  --c-surface:#121d33; --c-surface-2:#1b2942; --c-border:#243350;
  --c-ink:#e8eefb; --c-muted:#93a3c0;
  --c-primary:#22c55e; --c-primary-600:#16a34a; --c-primary-fg:#04140b; --c-primary-soft:#0f2a1c;
  --c-accent:#fbbf24; --c-accent-soft:#3a2e0a;
  --c-success:#34d399; --c-success-soft:#0f2a1f;
  --c-warning:#fbbf24; --c-warning-soft:#33280a;
  --c-danger:#f87171;  --c-danger-soft:#3a1414;
  --c-info:#60a5fa;    --c-info-soft:#12233f;
  --c-viz-1:#34d399; --c-viz-2:#60a5fa; --c-viz-3:#fbbf24; --c-viz-4:#a78bfa; --c-viz-5:#f472b6;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.35);
  --radius:1rem;
}
:root[data-theme="ocean"] {                   /* Light · Ocean (teal + indigo) */
  --brand-50:#ecfeff; --brand-100:#cffafe; --brand-500:#0891b2; --brand-600:#0e7490; --brand-700:#155e75;
  --c-bg:#eef5f9; --c-bg-grad-1:#e6f2f7; --c-bg-grad-2:#f5fafc;
  --c-surface:#ffffff; --c-surface-2:#eef4f8; --c-border:#dbe7ee;
  --c-ink:#0b1f2a; --c-muted:#546b78;
  --c-primary:#0891b2; --c-primary-600:#0e7490; --c-primary-fg:#ffffff; --c-primary-soft:#ecfeff;
  --c-accent:#6366f1; --c-accent-soft:#e0e7ff;
  --c-success:#059669; --c-success-soft:#d1fae5;
  --c-warning:#d97706; --c-warning-soft:#fef3c7;
  --c-danger:#e11d48;  --c-danger-soft:#ffe4e6;
  --c-info:#4f46e5;    --c-info-soft:#e0e7ff;
  --c-viz-1:#0891b2; --c-viz-2:#6366f1; --c-viz-3:#f59e0b; --c-viz-4:#059669; --c-viz-5:#e11d48;
  --shadow:0 1px 2px rgba(11,31,42,.05),0 8px 24px rgba(11,31,42,.07);
  --radius:1rem;
}
:root[data-theme="royal"] {                   /* Dark · Royal (violet + gold) */
  --brand-50:#241a3a; --brand-100:#2e2148; --brand-500:#8b5cf6; --brand-600:#7c3aed; --brand-700:#6d28d9;
  --c-bg:#120f1e; --c-bg-grad-1:#171130; --c-bg-grad-2:#0f0c19;
  --c-surface:#1d1830; --c-surface-2:#271f40; --c-border:#352b54;
  --c-ink:#efeafc; --c-muted:#b0a3d0;
  --c-primary:#8b5cf6; --c-primary-600:#7c3aed; --c-primary-fg:#ffffff; --c-primary-soft:#271f40;
  --c-accent:#f5c518; --c-accent-soft:#332a08;
  --c-success:#34d399; --c-success-soft:#12271f;
  --c-warning:#fbbf24; --c-warning-soft:#332808;
  --c-danger:#fb7185;  --c-danger-soft:#3a1620;
  --c-info:#818cf8;    --c-info-soft:#20203f;
  --c-viz-1:#8b5cf6; --c-viz-2:#818cf8; --c-viz-3:#f5c518; --c-viz-4:#34d399; --c-viz-5:#fb7185;
  --shadow:0 1px 2px rgba(0,0,0,.35),0 12px 34px rgba(0,0,0,.45);
  --radius:1rem;
}
/* Respect OS preference on first load when no explicit choice is stored */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --c-bg:#0a1120; --c-bg-grad-1:#0b1426; --c-bg-grad-2:#0a0f1c;
    --c-surface:#121d33; --c-surface-2:#1b2942; --c-border:#243350;
    --c-ink:#e8eefb; --c-muted:#93a3c0;
    --c-primary:#22c55e; --c-primary-600:#16a34a; --c-primary-fg:#04140b; --c-primary-soft:#0f2a1c;
    --c-accent:#fbbf24; --brand-500:#22c55e; --brand-600:#16a34a; --brand-50:#0e2a1c;
  }
}