/* Terranorde palette — Direction C (after 5.11), colourway 2026-08-25.
   Six hex values. Nothing else is a Terranorde color. */
:root {
  /* Base palette */
  --tn-glacier: #F4F4F2;  /* field / paper — 40% */
  --tn-ink: #101113;      /* type, dominant dark field — 26% */
  --tn-mist: #DCDDDA;     /* surfaces, cards — 12% */
  --tn-granite: #4C5257;  /* bands, technical text — 10% */
  --tn-signal: #FF4937;   /* CTAs, markers, numbers — 7% max */
  --tn-rose: #DBA49A;     /* rules, kickers on ink, one tile — 5% max */

  /* Semantic surfaces */
  --tn-surface-page: var(--tn-glacier);
  --tn-surface-card: var(--tn-mist);
  --tn-surface-inverse: var(--tn-ink);
  --tn-surface-band: var(--tn-granite);
  --tn-surface-signal: var(--tn-signal);
  --tn-surface-tile: var(--tn-rose);

  /* Semantic text */
  --tn-text-primary: var(--tn-ink);
  --tn-text-technical: var(--tn-granite);   /* captions & data on light fields */
  --tn-text-inverse: var(--tn-glacier);     /* on ink, granite, signal */
  --tn-text-kicker-dark: var(--tn-rose);    /* kickers & captions on ink ONLY */
  --tn-text-signal: var(--tn-signal);       /* numbers, markers, on glacier or ink */

  /* Lines */
  --tn-line-soft: var(--tn-rose);           /* the 1px hairline */
  --tn-line-hard: var(--tn-ink);
  --tn-line-technical: var(--tn-granite);

  /* Logo color — the mark takes ink or glacier and nothing else */
  --tn-logo-on-light: var(--tn-ink);
  --tn-logo-on-dark: var(--tn-glacier);
}