/*
 * 101HI design tokens - the ONE set (UX round 2, section 3 of UX-ROUND2.md).
 * WHY: four separate token sets (--hi-brand-*, --hi-polish-*, --hi-color-*,
 * --hi-ux-*) and 243 hex colours made the site drift. New names are --hi-c-*,
 * --hi-fs-*, --hi-s-*, --hi-r-*, --hi-sh-*. The old names below are ALIASES
 * that point at the new tokens, so every existing rule keeps working.
 * This file defines variables only: it changes nothing visible by itself.
 * Other stylesheets use var(--hi-c-*, <old hex>) so they work before this loads.
 */
:root{
  /* Colour (contrast ratios are in docs/addons/c80-a-tokens-shell.md) */
  --hi-c-ink:#17130f;
  --hi-c-text:#2b241e;
  --hi-c-muted:#5f554c;
  --hi-c-line:#e5dccf;
  --hi-c-line-strong:#8b8176;
  --hi-c-bg:#fff;
  --hi-c-soft:#faf6ef;
  --hi-c-cream:#fff8eb;
  --hi-c-accent:#f5a623;          /* fills only; never text on a light surface */
  --hi-c-accent-hover:#e39412;
  --hi-c-accent-tint:#ffe7b8;
  --hi-c-link:#8a5300;            /* links and the active nav item on light */
  --hi-c-on-dark:#fff;
  --hi-c-on-dark-muted:#d9cfc2;
  --hi-c-success:#2f6b2a;
  --hi-c-success-bg:#eaf4e6;
  --hi-c-danger:#b42318;
  --hi-c-danger-bg:#fdecea;
  --hi-c-warn-text:#7a4b00;
  --hi-c-warn-bg:#fff4dc;
  --hi-c-disabled-bg:#efe6d8;
  --hi-c-focus:#0759aa;
  --hi-c-focus-ring:rgba(7,89,170,.25);

  /* Type: one family (Poppins, already loaded), weights 400/600/700 */
  --hi-font:"Poppins",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --hi-fs-display:clamp(32px,4.2vw,52px);
  --hi-fs-h1:clamp(28px,3.2vw,40px);
  --hi-fs-h2:clamp(22px,2.2vw,28px);
  --hi-fs-h3:18px;
  --hi-fs-body:16px;
  --hi-fs-small:14px;
  --hi-fs-eyebrow:12px;
  --hi-lh-display:1.1;
  --hi-lh-h1:1.15;
  --hi-lh-h2:1.25;
  --hi-lh-h3:1.35;
  --hi-lh-body:1.6;
  --hi-lh-small:1.5;

  /* Spacing: 4px base */
  --hi-s-1:4px;--hi-s-2:8px;--hi-s-3:12px;--hi-s-4:16px;--hi-s-5:24px;
  --hi-s-6:32px;--hi-s-7:48px;--hi-s-8:64px;--hi-s-9:96px;
  --hi-section-pad:64px;
  --hi-card-pad:24px;
  --hi-header-h:64px;

  /* Radius, shadow */
  --hi-r-sm:8px;--hi-r-md:12px;--hi-r-lg:16px;--hi-r-pill:999px;
  --hi-sh-1:0 1px 2px rgba(23,19,15,.06),0 2px 8px rgba(23,19,15,.06);
  --hi-sh-2:0 8px 24px rgba(23,19,15,.10);

  /* Aliases: old set 1, site-polish.css (--hi-polish-*) */
  --hi-polish-ink:var(--hi-c-ink);
  --hi-polish-text:var(--hi-c-text);
  --hi-polish-muted:var(--hi-c-muted);
  --hi-polish-gold:var(--hi-c-accent);
  --hi-polish-gold-deep:var(--hi-c-accent-hover);
  --hi-polish-cream:var(--hi-c-cream);
  --hi-polish-soft:var(--hi-c-soft);
  --hi-polish-line:var(--hi-c-line);
  --hi-polish-shadow:var(--hi-sh-2);
  --hi-polish-shadow-hover:var(--hi-sh-2);
  --hi-polish-radius:var(--hi-r-lg);

  /* Aliases: old set 2, site-polish.css C74 (--hi-color-*) */
  --hi-color-text:var(--hi-c-ink);
  --hi-color-muted:var(--hi-c-muted);
  --hi-color-bg:var(--hi-c-soft);
  --hi-color-surface:var(--hi-c-bg);
  --hi-color-accent:var(--hi-c-accent);
  --hi-color-accent-text:var(--hi-c-link);
  --hi-color-border:var(--hi-c-line-strong);
  --hi-color-focus:var(--hi-c-focus);

  /* Combined C/E release aliases: shared values deliberately replace the legacy sets. */
  --hi-brand-ink:var(--hi-c-ink);
  --hi-brand-text:var(--hi-c-text);
  --hi-brand-muted:var(--hi-c-muted);
  --hi-brand-accent:var(--hi-c-accent);
  --hi-brand-accent-hover:var(--hi-c-accent-hover);
  --hi-brand-cream:var(--hi-c-cream);
  --hi-brand-soft:var(--hi-c-soft);
  --hi-brand-border:var(--hi-c-line);
  --hi-brand-success:var(--hi-c-success);

  /* Intake aliases retained for the combined batch C release. */
  --hi-ux-ink:var(--hi-c-ink);
  --hi-ux-muted:var(--hi-c-muted);
  --hi-ux-line:var(--hi-c-line);
  --hi-ux-soft:var(--hi-c-soft);
  --hi-ux-accent:var(--hi-c-accent);
}
@media(max-width:760px){
  :root{--hi-section-pad:48px;--hi-card-pad:16px}
}