/**
 * Design tokens for the Ship's Ledger site layer.
 *
 * `:root` custom properties only — no selectors, no rules. Every other stylesheet under
 * `apps/web/site/` reads these rather than a literal hex or font name, so a palette or type
 * change is one file. `site/contrast.test.ts` parses this file directly and asserts every
 * `--ink-*` / `--numeral` token clears WCAG AA (4.5:1) against `--ground`, except the two
 * decorative tones in its `DECORATIVE` allowlist, which must clear 3.0:1 and appear in the
 * templates only on an `aria-hidden="true"` element.
 */
:root {
  /* Ground */
  --ground: #0b1b21;
  --ground-deep: #07131a;
  --panel: #0d1f26;

  /* Rules / hairlines */
  --rule: #1e3a43;
  --rule-soft: #16303a;

  /* Brass — the primary accent, and the only colour a filled button uses */
  --brass: #b99a5e;
  --brass-bright: #d8b878;
  --brass-deep: #96793f;

  /* Bone — high-contrast text on dark and on brass */
  --bone: #e4d8bb;
  --bone-bright: #f0e6cd;

  /* Ink — body and secondary text, all verified >= 4.5:1 on --ground */
  --ink: #a9bcc2;
  --ink-soft: #8fa6ad;
  --ink-dim: #82989f;

  /* Decorative-only tones. Never text content; see site/contrast.test.ts's DECORATIVE set. */
  --ink-decor: #4d6a72;
  --numeral: #3f6d79;

  /* Warning brass-red — border/rule/chip-outline only, never text. See CLAUDE.md's contrast note. */
  --warn: #a8342b;

  /* Type */
  --font-display: "IM Fell English SC", "IM Fell English", Georgia, "Times New Roman", serif;
  --font-body: Spectral, Georgia, "Times New Roman", serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Spacing scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  /* Chrome */
  --header-h: 48px;
}

@media (min-width: 900px) {
  :root {
    --header-h: 52px;
  }
}