/* CSU Lasam — generated from tokens.json */

:root {
  /* Type families */
  --font-sans: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;

  /* Radius */
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 20px;
  --radius-pill: 999px;

  /* Color — light theme */
  --surface-base: #ffffff;
  --surface-raised: #fbf8f4;
  --surface-sunken: #f3ece4;
  --surface-brand: #6e0505;
  --surface-brand-strong: #560404;
  --surface-brand-soft: #f7e9e9;
  --surface-gold: #f7c106;
  --surface-gold-soft: #fdf3d2;
  --surface-green: #00652e;
  --surface-cacao: #8b5e3b;
  --surface-cacao-soft: #f3e7dc;
  --overlay: rgba(35, 26, 21, 0.55);
  --ink: #231a15;
  --ink-muted: #5f5147;
  --ink-subtle: #7a6a5e;
  --ink-inverse: #ffffff;
  --ink-on-brand: #ffffff;
  --ink-on-gold: #3b2317;
  --ink-on-cacao: #ffffff;
  --ink-brand: #6e0505;
  --link: #8b0304;
  --brand-maroon: #6e0505;
  --brand-maroon-seal: #8b0304;
  --brand-gold: #f7c106;
  --brand-gold-seal: #f7941e;
  --brand-gold-light: #ffd017;
  --brand-green: #00652e;
  --brand-green-deep: #005724;
  --brand-cacao: #8b5e3b;
  --cacao-deep: #3b2317;
  --cacao-light: #c49a73;
  --success: #00652e;
  --success-soft: #e3f2e9;
  --warning: #8a5a00;
  --warning-soft: #fdf0d4;
  --danger: #b3261e;
  --danger-soft: #fbe6e4;
  --info: #1b4f8a;
  --info-soft: #e4eefa;
  --border: #e2d8cc;
  --border-strong: #8d7a66;
  --border-brand: #6e0505;
  --focus-ring: #6e0505;
  --focus-ring-inverse: #ffd017;

  /* Shadow — light theme */
  --shadow-sm: 0 1px 2px rgba(59, 35, 23, 0.10);
  --shadow-md: 0 4px 12px rgba(59, 35, 23, 0.12);
  --shadow-lg: 0 12px 32px rgba(59, 35, 23, 0.18);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    /* Color — dark theme */
    --surface-base: #171210;
    --surface-raised: #221a17;
    --surface-sunken: #110d0b;
    --surface-brand: #8b0304;
    --surface-brand-strong: #6e0505;
    --surface-brand-soft: #3a1211;
    --surface-gold: #f7c106;
    --surface-gold-soft: #4a3703;
    --surface-green: #00652e;
    --surface-cacao: #8b5e3b;
    --surface-cacao-soft: #35241a;
    --overlay: rgba(0, 0, 0, 0.66);
    --ink: #f6efe7;
    --ink-muted: #c2b2a4;
    --ink-subtle: #a2907f;
    --ink-inverse: #ffffff;
    --ink-on-brand: #ffffff;
    --ink-on-gold: #3b2317;
    --ink-on-cacao: #ffffff;
    --ink-brand: #eab0ab;
    --link: #f7c106;
    --brand-maroon: #6e0505;
    --brand-maroon-seal: #8b0304;
    --brand-gold: #f7c106;
    --brand-gold-seal: #f7941e;
    --brand-gold-light: #ffd017;
    --brand-green: #00652e;
    --brand-green-deep: #005724;
    --brand-cacao: #8b5e3b;
    --cacao-deep: #3b2317;
    --cacao-light: #c49a73;
    --success: #58c98a;
    --success-soft: #0f2c1c;
    --warning: #f7c106;
    --warning-soft: #3a2a04;
    --danger: #ff8a80;
    --danger-soft: #3d1512;
    --info: #7fb6f0;
    --info-soft: #10243a;
    --border: #3a2e27;
    --border-strong: #8c766a;
    --border-brand: #eab0ab;
    --focus-ring: #f7c106;
    --focus-ring-inverse: #ffd017;

    /* Shadow — dark theme */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.55);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.6);
    --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.7);
  }
}

:root[data-theme="dark"] {
  /* Color — dark theme */
  --surface-base: #171210;
  --surface-raised: #221a17;
  --surface-sunken: #110d0b;
  --surface-brand: #8b0304;
  --surface-brand-strong: #6e0505;
  --surface-brand-soft: #3a1211;
  --surface-gold: #f7c106;
  --surface-gold-soft: #4a3703;
  --surface-green: #00652e;
  --surface-cacao: #8b5e3b;
  --surface-cacao-soft: #35241a;
  --overlay: rgba(0, 0, 0, 0.66);
  --ink: #f6efe7;
  --ink-muted: #c2b2a4;
  --ink-subtle: #a2907f;
  --ink-inverse: #ffffff;
  --ink-on-brand: #ffffff;
  --ink-on-gold: #3b2317;
  --ink-on-cacao: #ffffff;
  --ink-brand: #eab0ab;
  --link: #f7c106;
  --brand-maroon: #6e0505;
  --brand-maroon-seal: #8b0304;
  --brand-gold: #f7c106;
  --brand-gold-seal: #f7941e;
  --brand-gold-light: #ffd017;
  --brand-green: #00652e;
  --brand-green-deep: #005724;
  --brand-cacao: #8b5e3b;
  --cacao-deep: #3b2317;
  --cacao-light: #c49a73;
  --success: #58c98a;
  --success-soft: #0f2c1c;
  --warning: #f7c106;
  --warning-soft: #3a2a04;
  --danger: #ff8a80;
  --danger-soft: #3d1512;
  --info: #7fb6f0;
  --info-soft: #10243a;
  --border: #3a2e27;
  --border-strong: #8c766a;
  --border-brand: #eab0ab;
  --focus-ring: #f7c106;
  --focus-ring-inverse: #ffd017;

  /* Shadow — dark theme */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.55);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.6);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.7);
}