/* ============================================================
   ARK CIC — Design tokens, route J
   "Open Day" — the day a school opens its doors and shows you round.

   Direction set by the client from a reference: an off-white and
   white ground alternating, one grotesque at several weights,
   and saturated pastel blocks used as surfaces rather than accents.

   Colour strategy: full palette. Six named pastel roles, each used
   deliberately, on a ground tinted toward the accent. Not the restrained one-accent
   approach the other nine routes take.
   ============================================================ */

:root{
  --sp-0:0; --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px;
  --sp-6:24px; --sp-8:32px; --sp-10:40px; --sp-12:48px; --sp-16:64px; --sp-20:80px;

  --ts-xs:0.75rem; --ts-sm:0.875rem; --ts-base:1rem; --ts-md:1.125rem;
  --ts-lg:1.375rem; --ts-xl:1.75rem; --ts-2xl:2.25rem; --ts-3xl:2.9rem;
  --ts-4xl:clamp(2.6rem,6.4vw,4.6rem);

  --lh-tight:1.02; --lh-heading:1.15; --lh-body:1.6; --lh-ui:1.45;
  --container:1180px; --measure:66ch;
  --ease:cubic-bezier(.2,0,.2,1); --dur:160ms;

  --c-success:#14683F; --c-success-soft:#E4F2EA;
  --c-error:#B02A18;   --c-error-soft:#FBE9E6;
  --c-warning:#8A5A10; --c-warning-soft:#F8F0DF;
  --c-info:#1F4E79;    --c-info-soft:#E8EFF6;
}

[data-route="j"]{
  /* Ground carries a trace of the forest accent rather than generic warmth.
     rule-strong is deliberately dark: it draws form-control borders and must
     clear 3:1 against both white and the ground (WCAG 1.4.11). */
  --c-ground:#EEF2EC; --c-surface:#FFFFFF; --c-surface-alt:#E4EBE3;
  --c-ink:#111310; --c-muted:#575B52; --c-rule:#DCE4DA; --c-rule-strong:#748A70;

  --c-accent:#14432F; --c-accent-ink:#FFFFFF; --c-accent-soft:#DCE9E1;
  --c-warm:#A8471B;   --c-warm-ink:#FFFFFF;   --c-warm-soft:#F7E5DA;
  --c-focus:#14432F;

  /* the pastel set — surfaces, never text. All take ink at >11:1. */
  --p-mint:#9FE8C8; --p-sky:#B7D9F2; --p-lilac:#CFC6F0;
  --p-butter:#F2E88C; --p-blush:#F6CBD6; --p-clay:#F2C4A4;
  /* labels on pastels use ink, not muted: lilac and clay fail AA with muted */
  --c-on-pastel:#111310;

  --f-display:"Hanken Grotesk","Helvetica Neue",system-ui,sans-serif;
  --f-body:"Hanken Grotesk","Helvetica Neue",system-ui,sans-serif;
  --f-mono:"Hanken Grotesk","Helvetica Neue",system-ui,sans-serif;
  --fw-display:800; --fw-strong:600; --fw-ui:600;
  --ls-display:-.035em; --ls-label:.02em;

  --radius-sm:8px; --radius-md:14px; --radius-pill:999px;
  --bw:1px; --bw-strong:1px;
  --shadow-sm:0 1px 3px rgba(17,19,16,.05);
  --shadow-md:0 10px 34px rgba(17,19,16,.09);
  --density:1.1;
}