/* 00-tokens.css — custom properties only. No selectors other than :root.
   Values per CLAUDE_1.md §4, cross-checked against the Palette artboard. */

:root{
  /* ground */
  --tb-ground:#FDF8F4;        /* page background — ivory, never white */
  --tb-ground-alt:#FAF2EC;    /* alternating band */
  --tb-surface:#FFFFFF;       /* cards, sheets, inputs */

  /* ink */
  --tb-ink:#141A33;           /* headings, prices, high emphasis */
  --tb-body:#2A2F45;          /* body copy */
  --tb-muted:#5A5F73;         /* secondary copy */
  --tb-soft:#6B7089;          /* helper text, placeholders — 4.63:1 on ground.
                                 Nothing lighter. #8A8FA3 is 3.05:1 and banned,
                                 even though the artboards use it inline: the
                                 Palette board's own rule overrides them. */

  /* the three oranges have three separate jobs — do not swap them */
  --tb-action:#BC5410;        /* buttons and only buttons. White on it = 4.76:1 */
  --tb-accent:#F97316;        /* heart, star, badge, active filter. Never text */
  --tb-accent-line:#E07B39;   /* hairlines and icon strokes only — 2.93:1 as text */
  --tb-action-hover:#A34710;
  --tb-accent-text:#B4550F;   /* the italic "soort" label, inline links */

  /* tints — these carry the large coloured fields, navy never does */
  --tb-blush:#FCE9E4;
  --tb-mint:#E7F5F0;
  --tb-mint-solid:#D8F1EB;
  --tb-cream:#FBF0E4;
  --tb-sand:#F6EDE3;

  /* status */
  --tb-ok:#097C56;   --tb-ok-bg:#DCF0E6;   --tb-ok-ink:#08654A;
  --tb-bad:#BA3535;  --tb-bad-bg:#FBE3E3;  --tb-bad-ink:#9E2B2B;
  --tb-warn-bg:#FFF3E8; --tb-warn-ink:#8A4410;

  /* line */
  --tb-line:rgba(20,26,51,.09);     /* dividers */
  --tb-border:rgba(20,26,51,.16);   /* input and control borders */
  --tb-border-strong:rgba(20,26,51,.22);

  /* radius */
  --tb-r-card:14px; --tb-r-img:10px; --tb-r-ctrl:8px; --tb-r-pill:999px;

  /* elevation — exactly one shadow exists on this site */
  --tb-lift:0 1px 3px rgba(20,26,51,.05), 0 20px 44px -34px rgba(20,26,51,.45);

  /* type */
  --tb-serif:"Fraunces",Georgia,"Times New Roman",serif;
  --tb-sans:"DM Sans","Helvetica Neue",Arial,sans-serif;

  /* layout */
  --tb-sticky-top:100px;   /* fixed header height + breathing room */
  --tb-gutter:24px;

  /* the gradient used at the top of pages and in the footer */
  --tb-wash:linear-gradient(112deg,var(--tb-mint) 0%,#FDF6F2 50%,var(--tb-blush) 100%);
}