/* ── Project Design Tokens ────────────────────────────────────────────
   Generated by Nodge — edit freely or regenerate from project settings
   ──────────────────────────────────────────────────────────────────── */

/* Dark mode (default) */
:root {
  --color-text:             #d4dce8;
  --color-text-muted:       #b6b7b7;
  --color-bg:               #0f1923;
  --color-surface:          #152331;
  --color-border:           #182939;
  --color-primary:          #fe904d;
  --color-primary-hover:    #fe7724;
  --color-primary-20:       rgba(254, 144, 77, 0.2);
  --color-secondary-20:     rgba(218, 155, 114, 0.2);
  --color-secondary:        #da9b72;
  --color-accent:           #e8c4a6;
  --color-accent-20:        rgba(232, 196, 166, 0.2);
  --color-muted-20:         rgba(182, 183, 183, 0.2);
  --color-overlay:          rgba(0, 0, 0, 0.6);
  --color-on-primary:       #1a1a1a;
  --color-hover:            rgba(255, 255, 255, 0.06);
  --color-active:           #0f1923;
  --color-error:            #e05252;
  --color-error-bg:         rgba(224, 82, 82, 0.1);

  --font-ui:   var(--font-inter), 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-code: 'JetBrains Mono', 'Fira Code', monospace;

  --radius:    10px;
  --radius-sm: 6px;
}

/* Light mode (browser preference) */
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --color-text:             #1e293b;
    --color-text-muted:       #535558;
    --color-bg:               #f8fafc;
    --color-surface:          #fef5ee;
    --color-border:           #f0dece;
    --color-primary:          #e07422;
    --color-primary-hover:    #c75f12;
    --color-primary-20:       rgba(224, 116, 34, 0.15);
    --color-secondary-20:     rgba(180, 108, 60, 0.15);
    --color-secondary:        #b46c3c;
    --color-accent:           #9a5a2e;
    --color-accent-20:        rgba(154, 90, 46, 0.15);
    --color-muted-20:         rgba(83, 85, 88, 0.12);
    --color-overlay:          rgba(0, 0, 0, 0.5);
    --color-on-primary:       #ffffff;
    --color-hover:            rgba(224, 116, 34, 0.06);
    --color-active:           #f8fafc;
    --color-error:            #c0392b;
    --color-error-bg:         rgba(192, 57, 43, 0.08);
  }
}

/* Light mode (forced via user preference) */
:root[data-theme="light"] {
  --color-text:             #1e293b;
  --color-text-muted:       #535558;
  --color-bg:               #f8fafc;
  --color-surface:          #fef5ee;
  --color-border:           #f0dece;
  --color-primary:          #e07422;
  --color-primary-hover:    #c75f12;
  --color-primary-20:       rgba(224, 116, 34, 0.15);
  --color-secondary-20:     rgba(180, 108, 60, 0.15);
  --color-secondary:        #b46c3c;
  --color-accent:           #9a5a2e;
  --color-accent-20:        rgba(154, 90, 46, 0.15);
  --color-muted-20:         rgba(83, 85, 88, 0.12);
  --color-overlay:          rgba(0, 0, 0, 0.5);
  --color-on-primary:       #ffffff;
  --color-hover:            rgba(224, 116, 34, 0.06);
  --color-active:           #f8fafc;
  --color-error:            #c0392b;
  --color-error-bg:         rgba(192, 57, 43, 0.08);
}