/* Avalue colour system.
   NINE colours. That is the whole palette — there are no tints, shades, or in-between steps.
   If a design seems to need a tenth, it needs less, not more.
   White is the page itself, not a palette colour. */
:root{
  /* ── Paper */
  --off-white:#F0EFEB;   /* sections, secondary fills */
  --taupe:#D3CCC7;       /* inert surfaces, rules, disabled */
  --ice:#F2F9FE;         /* cards, gradient tail, text on ink */

  /* ── Ink */
  --graphite:#363533;    /* Reckless display on light */
  --black:#0C1012;       /* hero grounds, primary black */
  --slate:#212A2F;       /* headings, footer gradient top */

  /* ── Blue */
  --blue:#3D729D;        /* image wash, editorial panels */
  --blue-soft:#84A9C1;   /* muted text on ink */

  /* ── The one accent */
  --orange:#F97942;      /* emphasis only — roughly 10% of any view */

  /* ── The page */
  --white:#FFFFFF;

  /* ── Semantic aliases. Prefer these in components. */
  --surface-page:var(--white);
  --surface-section:var(--off-white);
  --surface-card:var(--ice);
  --surface-inverse:var(--black);
  --surface-inert:var(--taupe);

  --text-primary:var(--slate);
  --text-display:var(--graphite);
  --text-secondary:var(--slate);
  --text-muted:var(--blue-soft);
  --text-inverse:var(--white);
  --text-inverse-muted:var(--blue-soft);

  --border-rule:var(--taupe);
  --border-action:var(--orange);

  /* Overlays are the palette at opacity — a treatment, not extra colours. */
  --overlay-image:rgba(12,16,18,0.5);       /* black 50% — project tiles */
  --overlay-editorial:rgba(61,114,157,0.8); /* blue 80% — portraits */
  --overlay-slate:rgba(33,42,47,0.9);       /* slate 90% multiply — texture */
  --scrim-menu:rgba(240,239,235,0.5);       /* off-white 50% — nav pill */

  --gradient-paper:linear-gradient(180deg,#FFFFFF 0%,#F2F9FE 100%); /* @kind color */
  --gradient-footer:linear-gradient(180deg,#212A2F 0%,#0C1012 100%); /* @kind color */
  --gradient-halo:radial-gradient(1000px 1000px at 50% 50%,rgba(242,249,254,0.25) 0%,rgba(242,249,254,0) 100%); /* @kind color */

  /* ── Legacy aliases — the previous scale names, mapped onto the nine. */
  --ink-900:var(--black);
  --ink-800:var(--slate);
  --ink-700:var(--slate);
  --ink-600:var(--graphite);
  --paper-000:var(--white);
  --paper-100:var(--ice);
  --paper-200:var(--off-white);
  --paper-300:var(--taupe);
  --signal-blue:var(--blue);
  --signal-blue-soft:var(--blue-soft);
  --signal-orange:var(--orange);
  --signal-orange-deep:var(--orange);
  --grey-500:var(--taupe);
  --grey-300:var(--off-white);
  --border-hairline:var(--taupe);
}