/* Tall Order colour system.
   Base values are the five named brand colours from the Figma "Tall Order Brand Palette"
   collection (see tokens/fig-tokens.css for the raw generated variables), plus the
   greys the deck actually uses for charts, rules and secondary label text. */
:root{
  /* Brand palette — named */
  /* Retired. Every dark surface, dark ink and rule now uses the neutral inks
     below — espresso put a brown cast on them. Kept only as the Figma
     palette record, like Tall Poppy. Nothing should reference it. */
  --to-espresso:#1A1613;      /* retired — palette record only */
  --to-first-light:#FFF695;   /* the first sign it's working */
  --to-tall-poppy:#AE4F00;    /* retired — kept as the Figma palette record only */
  --to-moss:#375843;          /* what grows slowly on the hard stuff */
  --to-shoots:#E7F7CA;        /* what breaks the surface */
  --to-white:#FFFFFF;
  --to-grey:#F3F3F3;

  /* Neutrals observed in the deck (charts, rules, captions, screenshots) */
  --to-ink:#191819;
  --to-ink-2:#111214;
  --to-grey-900:#44464D;
  --to-grey-700:#5B5C63;
  --to-grey-600:#595959;
  --to-grey-500:#8A8C96;
  --to-grey-400:#9A9BA2;
  --to-grey-300:#C9C9C9;
  --to-grey-200:#E5E7EB;
  --to-grey-150:#EEEFF2;
  --to-grey-100:#F1F1F1;
  --to-grey-50:#F9FAFB;

  /* Accent tints (used inside data graphics only) */
  --to-shoots-deep:#CCE2C2;
  --to-signal-amber:#F4BF4F;

  /* ── Semantic aliases ─────────────────────────────────────────── */
  --surface-dark:var(--to-ink-2);
  --surface-light:var(--to-white);
  --surface-highlight:var(--to-first-light);
  /* Retired with the palette. Nothing references these; do not start. */
  /* --surface-soft:var(--to-shoots);  --surface-deep:var(--to-moss); */
  --surface-panel:var(--to-grey);

  --text-on-dark:var(--to-white);
  --text-on-light:var(--to-ink);
  --text-muted:var(--to-grey-900);
  --text-caption:var(--to-grey-700);

  --font-eyebrow:var(--font-mono);

  /* One colour. First Light is the accent and the highlight — they are the same
     thing, so --hl below is an alias, not a second decision. Everything else on
     the site is Espresso, white and the greys.

     Tall Poppy (--to-tall-poppy #AE4F00) is retired. It is still defined above
     because it is a named colour in the Figma brand palette, but nothing may
     reference it. First Light is light, so anything using it as a *background*
     needs --accent-on for its text, never white. */
  --accent:var(--to-first-light);
  --accent-on:var(--to-ink);

  --rule-dark:var(--to-ink);
  --rule-light:var(--to-grey-200);
  --rule-chart:var(--to-grey-900);
}