/* Copied from api/public/binder/tokens.css on 2026-09-12, deliberately and
   not imported: the Binder is served by the API on loopback and this file is
   served by Cloudflare Pages, so a build-time dependency between them would
   couple two things that deploy separately. Spec §3. If the Binder's tokens
   change, this copy is updated by hand and the drift is visible in review. */
  /* ---------------------------------------------------------------------
     Tokens — docs/design/binder.md §2, §2.1, §3. Every visual decision in
     this file traces back to that document; nothing here is invented.
     --------------------------------------------------------------------- */
  :root {
    --surface: #1A1714;
    --surface-raised: #241F1A;
    --page: #F4F2ED;
    --pocket: #EAE6DE;
    --ink: #1C1917;
    --ink-soft: #57534E;
    --chrome-ink: #E7E2D9;
    --chrome-soft: #A8A096;
    --gold: #A16207;
    --hairline: #00000014;
    --hairline-dark: #FFFFFF12;

    /* Failure text on the dark chrome (§3). The one state the capture page
       has that the Binder had not needed a colour for. Lifted to a token
       because a raw hex in a page stylesheet is a visual decision this file
       is supposed to be the only source of. */
    --alert: #F87171;

    /* Handling outcomes (§2.1). Colour encodes the PHYSICAL treatment,
       so the three sleeve+toploader outcomes deliberately share one hue —
       they are the same action on the card — and are told apart by the
       modifier on their glyph and by their label. Every hue clears 3:1
       against both --page and --pocket. */
    --bucket-saver: #A16207;
    --bucket-toploader: #7C2D12;
    --bucket-sleeve: #3F6212;
    --bucket-no-sleeve: #78716C;
    --bucket-bin: #57534E;

    --font-display: ui-serif, "Iowan Old Style", "Palatino Linotype", Georgia, serif;
    --font-body:    ui-sans-serif, -apple-system, "SF Pro Text", "Segoe UI", sans-serif;
    --font-data:    ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  }