/* Drystoneworks — design tokens. GENERATED from build/brand.json — do not edit by hand.
   Import: <link rel="stylesheet" href="/tokens/tokens.css"> then use var(--ds-…).
   The raw palette never changes. The *semantic* tokens are theme-aware: light by
   default, flipping to the on-dark palette on prefers-color-scheme:dark (when the
   user hasn't chosen) or an explicit data-theme="dark". data-theme="light"/"auto"
   also work (auto = follow device). See dist/snippets/theme-toggle/ for a toggle. */
:root {
  /* ---- raw palette (fixed) ---- */
  --ds-limestone: #EDE7DC;
  --ds-sand: #D8CDB8;
  --ds-stone: #B4AC9B;
  --ds-stone-dark: #8E8676;
  --ds-lichen: #6E7F4E;
  --ds-lichen-light: #9DB07A;
  --ds-lichen-dark: #56653C;
  --ds-slate: #363D44;
  --ds-basalt: #1F2329;
  --ds-rust: #A6552F;

  /* ---- semantic (theme-aware; light values, dark overrides below) ---- */
  --ds-bg: #EDE7DC;
  --ds-surface: rgba(255,255,255,0.6);
  --ds-surface-solid: #F8F5F1;
  --ds-text: #1F2329;
  --ds-text-secondary: #363D44;
  --ds-text-muted: #8E8676;
  --ds-accent: #6E7F4E;
  --ds-accent-text: #56653C;
  --ds-border: rgba(31,35,41,0.14);
  --ds-wordmark: #6E7F4E;
  --ds-band: #1F2329;
  --ds-band-warm: #DED5C3;
  --ds-panel: #363D44;
  --ds-bg-dark: #363D44;
  --ds-text-on-dark: #EDE7DC;

  /* ---- type ---- */
  --ds-font-display: "Bricolage Grotesque", system-ui, sans-serif;
  --ds-font-body: "Hanken Grotesk", system-ui, sans-serif;
  --ds-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
  --ds-tracking-display: -0.03em;
  --ds-tracking-label: 0.18em;
  --ds-text-xs: 0.64rem;
  --ds-text-sm: 0.8rem;
  --ds-text-base: 1rem;
  --ds-text-lg: 1.25rem;
  --ds-text-xl: 1.563rem;
  --ds-text-2xl: 1.953rem;
  --ds-text-3xl: 2.441rem;
  --ds-text-4xl: 3.052rem;

  /* ---- space / radius ---- */
  --ds-space-1: 4px; --ds-space-2: 8px; --ds-space-3: 12px; --ds-space-4: 16px; --ds-space-5: 24px; --ds-space-6: 32px; --ds-space-7: 48px; --ds-space-8: 64px;
  --ds-radius-sm: 6px; --ds-radius-md: 10px; --ds-radius-lg: 14px; --ds-radius-pill: 999px;
}

/* on-dark palette — device setting (when unset) or data-theme="auto" */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]),
  :root[data-theme="auto"] {
    --ds-bg: #1F2329;
    --ds-surface: rgba(255,255,255,0.06);
    --ds-surface-solid: #2C3036;
    --ds-text: #EDE7DC;
    --ds-text-secondary: #B4AC9B;
    --ds-text-muted: #B4AC9B;
    --ds-accent: #9DB07A;
    --ds-accent-text: #9DB07A;
    --ds-border: rgba(237,231,220,0.28);
    --ds-wordmark: #9DB07A;
    --ds-band: #363D44;
    --ds-band-warm: #2B2722;
    --ds-panel: #2B3037;
  }
}
/* explicit dark */
:root[data-theme="dark"] {
    --ds-bg: #1F2329;
    --ds-surface: rgba(255,255,255,0.06);
    --ds-surface-solid: #2C3036;
    --ds-text: #EDE7DC;
    --ds-text-secondary: #B4AC9B;
    --ds-text-muted: #B4AC9B;
    --ds-accent: #9DB07A;
    --ds-accent-text: #9DB07A;
    --ds-border: rgba(237,231,220,0.28);
    --ds-wordmark: #9DB07A;
    --ds-band: #363D44;
    --ds-band-warm: #2B2722;
    --ds-panel: #2B3037;
}