/* ── Semantic Design Tokens per Mode ────────────────────────────────── */
/* This file is imported BEFORE Tailwind so the CSS custom properties   */
/* are available when @theme inline resolves var() references.          */

:root {
  /* Surfaces */
  --app-surface-page: oklch(0.97 0.002 250);
  --app-surface: oklch(1 0 0);
  --app-surface-raised: oklch(0.95 0.002 250);
  --app-surface-sunken: oklch(0.9 0.003 250);
  --app-surface-overlay: oklch(0 0 0 / 0.4);

  /* Ink (text) */
  --app-ink: oklch(0.15 0.005 250);
  --app-ink-secondary: oklch(0.35 0.005 250);
  --app-ink-muted: oklch(0.45 0.005 250);
  --app-ink-faint: oklch(0.55 0.005 250);
  --app-ink-inverse: oklch(0.65 0.005 250);

  /* Edge (borders) */
  --app-edge: oklch(0.9 0.003 250);
  --app-edge-strong: oklch(0.85 0.003 250);
  --app-edge-subtle: oklch(0.8 0.003 250);

  /* Rings (focus) */
  --app-ring: oklch(0.55 0.18 250);

  /* Syntax highlighting (light — GitHub Light) */
  --hl-comment: #6a737d;
  --hl-keyword: #d73a49;
  --hl-string: #032f62;
  --hl-number: #005cc5;
  --hl-title: #6f42c1;
  --hl-built-in: #e36209;
  --hl-variable: #005cc5;
  --hl-params: #24292e;
  --hl-deletion-fg: #b31d28;
  --hl-deletion-bg: #ffeef0;
  --hl-regexp: #22863a;
  --hl-meta: #6a737d;
}

:root.dark {
  /* Surfaces */
  --app-surface-page: oklch(0.09 0.005 250);
  --app-surface: oklch(0.14 0.005 250);
  --app-surface-raised: oklch(0.21 0.006 250);
  --app-surface-sunken: oklch(0.27 0.006 250);
  --app-surface-overlay: oklch(0 0 0 / 0.6);

  /* Ink (text) */
  --app-ink: oklch(0.93 0.005 250);
  --app-ink-secondary: oklch(0.8 0.005 250);
  --app-ink-muted: oklch(0.58 0.005 250);
  --app-ink-faint: oklch(0.5 0.005 250);
  --app-ink-inverse: oklch(0.42 0.005 250);

  /* Edge (borders) */
  --app-edge: oklch(0.25 0.006 250);
  --app-edge-strong: oklch(0.3 0.006 250);
  --app-edge-subtle: oklch(0.37 0.006 250);

  /* Rings (focus) */
  --app-ring: oklch(0.55 0.18 250);

  /* Syntax highlighting (dark — GitHub Dark) */
  --hl-comment: #6a737d;
  --hl-keyword: #ff7b72;
  --hl-string: #a5d6ff;
  --hl-number: #79c0ff;
  --hl-title: #d2a8ff;
  --hl-built-in: #ffa657;
  --hl-variable: #79c0ff;
  --hl-params: #c9d1d9;
  --hl-deletion-fg: #ffa198;
  --hl-deletion-bg: #490202;
  --hl-regexp: #7ee787;
  --hl-meta: #8b949e;
}