/* GENESIS V2 shared semantic tokens. This file is source-owned; no design SaaS export. */
:root {
  color-scheme: light dark;
  --g-canvas: #f4f4f2;
  --g-surface: #ffffff;
  --g-raised: #ececea;
  --g-ink: #111113;
  --g-ink-secondary: #5f5f66;
  --g-ink-muted: #8e8e96;
  --g-signal: #315cf5;
  --g-success: #248a52;
  --g-warning: #a86600;
  --g-critical: #d63b36;
  --g-radius-sm: 10px;
  --g-radius-md: 16px;
  --g-radius-lg: 24px;
  --g-radius-pill: 999px;
  --g-font-display: -apple-system, "SF Pro Display", system-ui, sans-serif;
  --g-font-body: -apple-system, "SF Pro Text", system-ui, sans-serif;
  --g-font-utility: ui-monospace, "SF Mono", monospace;
}

:root[data-theme="dark"] {
  --g-canvas: #141416;
  --g-surface: #1d1d20;
  --g-raised: #2a2a2e;
  --g-ink: #f6f6f4;
  --g-ink-secondary: #b8b8be;
  --g-ink-muted: #7f7f88;
  --g-signal: #7b98ff;
  --g-success: #56c98a;
  --g-warning: #e7a43a;
  --g-critical: #ff756f;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --g-canvas: #141416;
    --g-surface: #1d1d20;
    --g-raised: #2a2a2e;
    --g-ink: #f6f6f4;
    --g-ink-secondary: #b8b8be;
    --g-ink-muted: #7f7f88;
    --g-signal: #7b98ff;
    --g-success: #56c98a;
    --g-warning: #e7a43a;
    --g-critical: #ff756f;
  }
}