/* GENERATED FILE — DO NOT EDIT.
 * Source: packages/tokens/tokens.json
 * Regenerate: npm run tokens
 * See docs/decisions/0012-wordpress-theme-moves-into-this-repo.md
 */

:root {
  --color-accent: #fbbf24;
  --color-accent-hover: #f59e0b;
  --color-on-accent: #09090b;

  --color-bg: #fffdfa;
  --color-surface: #f7f5f1;
  --color-surface-alt: #ebe7e0;
  --color-line: rgb(168 162 158 / 0.45);
  --color-line-subtle: rgb(214 211 209 / 0.7);
  --color-ink: #1c1917;
  --color-ink-secondary: #44403c;
  --color-ink-muted: #78716c;
  --color-accent-ink: #a35c07;
  --color-accent-muted: #fdf6e3;

  --font-sans: Inter, ui-sans-serif, system-ui, sans-serif;
  --text-display: 2.25rem;
  --text-display--line-height: 1.1;
  --text-display--letter-spacing: -0.02em;
  --text-display--font-weight: 700;
  --text-heading: 1.5rem;
  --text-heading--line-height: 1.25;
  --text-heading--letter-spacing: -0.01em;
  --text-heading--font-weight: 600;

  --spacing-gutter: 1.25rem;
  --container-readable: 44rem;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not(.light) {
    --color-bg: #09090b;
    --color-surface: #18181b;
    --color-surface-alt: #27272a;
    --color-line: rgb(63 63 70 / 0.6);
    --color-line-subtle: rgb(39 39 42 / 0.6);
    --color-ink: #f4f4f5;
    --color-ink-secondary: #d4d4d8;
    --color-ink-muted: #a1a1aa;
    --color-accent-ink: #fbbf24;
    --color-accent-muted: #2c2617;
    color-scheme: dark;
  }
}

:root.dark {
  --color-bg: #09090b;
  --color-surface: #18181b;
  --color-surface-alt: #27272a;
  --color-line: rgb(63 63 70 / 0.6);
  --color-line-subtle: rgb(39 39 42 / 0.6);
  --color-ink: #f4f4f5;
  --color-ink-secondary: #d4d4d8;
  --color-ink-muted: #a1a1aa;
  --color-accent-ink: #fbbf24;
  --color-accent-muted: #2c2617;
  color-scheme: dark;
}