/* CT-021: the one tokens file for the home page (unit 2 colours, unit 3 type, spacing, grid and fonts). It replaces
   in/CT-021/tokens.css (LOCAL's M2 file): every name in LOCAL's file is kept, none renamed or removed; the values that
   change are marked "CT-021"; the names added are --shadow-1, --icon (CRAFT's token table) and --map-date-col (m2-map
   FIXLOG). Colour roles (board c729da1): --accent the lead (the result, now, links), --contrast before or the problem,
   --process process steps (marks only). No raw colour, size, space, duration or easing lives outside this file. */
:root {
  /* neutral family: cool grey */
  --paper: #f4f5f7;
  --paper-2: #e9ebef;
  --ink: #14171c;
  --ink-2: #3f444d;
  --ink-3: #5f6570;
  --rule: #d3d6dc;
  --rule-strong: #14171c;
  /* one accent */
  --accent: #1d4f9e;
  --accent-ink: #ffffff;
  /* type: Inter only */
  --font-sans: "Inter", "Inter fallback", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; /* CT-021: "Inter fallback" is Arial sized to Inter (tools/fallback.cjs) */
  --size-1: 3.5rem;    /* 56px: the claim (CT-021, CRAFT §5.2; was 2.75rem) */
  --size-2: 1.75rem;   /* 28px: figures, section statements */
  --size-3: 1.25rem;   /* 20px: statements */
  --size-4: 1rem;      /* 16px: body */
  --size-5: 0.8125rem; /* 13px: labels, rail, map */
  --size-6: 0.75rem;   /* 12px: the floor; year ticks, key, bar names (CT-021, CRAFT §5.1; was 0.6875rem) */
  --leading-tight: 1.1;
  --leading-snug: 1.3;
  --leading-body: 1.55;
  --leading-one: 1;
  --tracking-tight: -0.02em;
  --tracking-caps: 0.06em;
  --tracking-label: 0;
  --weight-body: 400;
  --weight-mid: 500;
  --weight-strong: 600;
  --measure-claim: 16ch;
  --measure-lede: 36ch;
  --measure-text: 62ch;
  /* space */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;
  --space-6: 4rem;
  --gutter: 1rem;
  --page-max: 78rem;
  --lede-col: 24rem;
  --map-label: 9.5rem;
  --map-row: 2.25rem;
  --bar: 1.25rem;
  --pin: 1.25rem;
  --rail-dot: 0.5rem;
  --step-col: 2.5rem;
  --skip-hide: -3rem;
  --underline-offset: 0.16em;
  --focus-offset: 3px;
  /* lines and radii */
  --line: 1px;
  --line-strong: 2px;
  --shadow-1: 0 1px 2px rgb(20 23 28 / 0.08), 0 8px 24px rgb(20 23 28 / 0.08); /* CT-021 (CRAFT §3): a floating layer only; the home page has none, every computed box-shadow on it is none */
  --icon: 1.25rem;     /* CT-021 (CRAFT §8): a glyph in an icon-only control; beside text a glyph is 1em */
  --radius: 0;
  --radius-pin: 50%;
  --radius-pill: 999px;  /* item 13: the reader's Close, as the live site's pill actions */
  /* motion */
  --dur-ui: 200ms;
  --dur-bar: 360ms;
  --dur-map: 840ms;   /* the last bar starts within this; 840 + 360 = 1,200 ms total */
  --ease: cubic-bezier(0.2, 0, 0, 1);
  /* HR-D2-H25 (owner, reviewer-128): the organisation reader opens and closes with the live site's spring, not --ease */
  --dur-reader: 480ms;  /* live v2.css: transform .48s */
  --dur-scrim: 300ms;   /* live v2.css: scrim opacity .3s */
  --ease-spring: cubic-bezier(0.3, 1.1, 0.4, 1); /* live --spring: a small overshoot, then it settles */
  /* components (CT-014) */
  --contrast: #9c4a1a;       /* M2 (CT-021 unit 2, CRAFT §7.4): before, the problem; 5.65:1 on --paper */
  --contrast-ink: #ffffff;
  --process: #76866f;        /* M2 (CT-021 unit 2, CRAFT §7.4): process steps, marks only, never text; 3.56:1 on --paper */
  --process-ink: #14171c;    /* M2: text on a --process fill (4.63:1) */
  --label-col: 9rem;         /* brief: the question column */
  --figure-col: 7rem;        /* highlight: the figure column */
  --date-col: 7rem;          /* timeline: the date column */
  --map-date-col: 5.5rem;    /* CT-021 (m2-map FIXLOG): the map list's date column, container-independent */
  --control-h: 2.75rem;      /* touch target: at least 44px */
  --control-pad: 0.75rem;
  --chart-h: 6rem;
  --viewer-max: 40rem;
  --logo-tile: #ffffff;      /* IN-082: the résumé employer-logo tile. Light in both schemes, so every mark keeps its own colours */
  --logo-tile-w: 9rem;       /* 144px */
  --logo-tile-h: 4.75rem;    /* 76px */
  --focus: 3px solid var(--accent);
}
@media (prefers-color-scheme: dark) {
  :root {
    --paper: #111318;
    --paper-2: #1a1d23;
    --ink: #e9ebef;
    --ink-2: #c0c5cd;
    --ink-3: #969ca7;
    --rule: #30343b;
    --rule-strong: #e9ebef;
    --accent: #8db4f2;
    --accent-ink: #111318;
    --shadow-1: 0 0 0 1px var(--rule), 0 8px 24px rgb(0 0 0 / 0.6); /* CT-021 (CRAFT §3): the ring does the work on dark */
    --contrast: #e0955f;      /* M2 (CT-021 unit 2, CRAFT §7.5) */
    --contrast-ink: #111318;
    --process: #6e8c7d;       /* M2 (CT-021 unit 2): CRAFT §7.5 gave #6f8f80, which fails accent vs process under tritan (dE 19.9); see PALETTE.md */
    --process-ink: #111318;
    --logo-tile: #e9ebef;     /* IN-082: a light tile on the dark page (the dark --ink value), never a recoloured mark */
  }
}
@media (max-width: 1023px) {
  :root { --map-label: 7.5rem; --lede-col: 20rem; }
}
@media (max-width: 767px) {
  :root { --size-1: 2.5rem; /* 40px (CT-021, CRAFT §5.2; was 2rem) */ --size-2: 1.75rem; /* 28px on phone too (hiring lens P0-5; was 1.5rem) */ --size-3: 1.125rem; --map-label: 6.5rem; --map-row: 1.75rem; --bar: 1rem; --label-col: 6.5rem; --figure-col: 5rem; --date-col: 5.5rem; --logo-tile-w: 8rem; --logo-tile-h: 4.25rem; }
}
@media (max-width: 374px) {
  :root { --size-1: 2.125rem; /* 34px (CT-021, CRAFT §5.2; was 1.75rem) */ --gutter: 0.75rem; /* 12px (CT-021, CRAFT §6: on the 4 px grid; was 0.875rem = 14px) */ --map-label: 5.5rem; --label-col: 5.5rem; }
}

/* M2 single tokens file (LOCAL, 2026-10-02). Copied from out/CT-014/components/tokens.css at 541991c and now
   the only tokens file for LOCAL's m2/ work (W-002): every m2/ copy imports this file and never copies values.
   The cloud's CT-012 appends provisional tokens to CT-014's file; LOCAL merges them here at the M2 build.
   Values below are provisional until the M2 palette and craft review with the owner. */
:root {
  --size-graphic: 0.875rem; /* 14px: the floor for any label in a graphic at 375 */
  --dur-step: 600ms;
  --hold-min: 1200ms;
  --flow-cycle: 2400ms;
  --dur-press: 100ms;
  --row-min: 44px;          /* map rows: one pin target tall (CT-018 check item 3) */
}
