/* ElysLabs brand tokens (Aegean). Generated by brand/scripts/build_assets.py; edit there. */

:root {
  --elys-deep-sea: #172029;
  --elys-foam: #F2F3F3;
  --elys-aegean: #2A6ACB;
  --elys-aegean-light: #4F8BE8;
  --elys-shallows: #E3ECFA;
  --elys-tide: #4E5B66;
  --elys-mist: #A9B4BE;
  --elys-reef: #D8DDE1;

  --elys-font-display: 'Sora', ui-sans-serif, system-ui, sans-serif;
  --elys-font-body: 'Geist', ui-sans-serif, system-ui, sans-serif;
  --elys-font-mono: 'Geist Mono', ui-monospace, monospace;

  --elys-radius-sm: 8px;
  --elys-radius-md: 12px;
  --elys-radius-lg: 20px;
  --elys-radius-pill: 999px;

  /* Semantic roles, light theme */
  --elys-bg: var(--elys-foam);
  --elys-surface: #FFFFFF;
  --elys-fg: var(--elys-deep-sea);
  --elys-fg-muted: var(--elys-tide);
  --elys-accent: var(--elys-aegean);
  --elys-tint: var(--elys-shallows);
  --elys-border: var(--elys-reef);
}

/* Semantic roles, dark theme: follows the OS unless a page pins data-theme. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --elys-bg: var(--elys-deep-sea);
    --elys-surface: #1E2833;
    --elys-fg: var(--elys-foam);
    --elys-fg-muted: var(--elys-mist);
    --elys-accent: var(--elys-aegean-light);
    --elys-tint: #22324A;
    --elys-border: #2C3843;
  }
}
:root[data-theme='dark'] {
  --elys-bg: var(--elys-deep-sea);
  --elys-surface: #1E2833;
  --elys-fg: var(--elys-foam);
  --elys-fg-muted: var(--elys-mist);
  --elys-accent: var(--elys-aegean-light);
  --elys-tint: #22324A;
  --elys-border: #2C3843;
}