/* AI Brain design system - tokens - v1.1 (Stanley-adapted editorial, senior-ui-ux Taste pass)
   Type = the real Cluse & Co brand Typekit (contralto-big display + acumin-variable body).
   Palette = 1520 brand guide: marine/ink, stone, clay/off-white, PLUS one locked accent: ochre.
   Square edges (radius 0). Light page, marine feature bands. Accent is rationed (edges, rules, nodes).
   Every v1.1 page loads this file first, then components.css.
   ROUND 2 (10/07): hero now carries the capture form above the fold (the form is the page's centre of
   gravity); success screen surfaces the guide button (client contract); middot separators removed;
   on-clay accent meaning routed through --accent-deep for the 3:1 non-text floor. */

:root{
  /* ---------- colour ---------- */
  --ink:#001722;          /* marine - primary text, solid feature bands */
  --ink-80:#0A2F3F;       /* raised marine - hover on ink, band layering */
  --ink-60:#274A57;       /* muted marine on dark bands */
  --stone-60:#66747A;     /* brand stone - borders, decoration, secondary text on WHITE surfaces */
  --stone-read:#5A686E;   /* readable secondary TEXT on the clay page (5.16:1 on --off, AA normal).
                             fix 7 (round 4): --stone-60 is only 4.32:1 on clay - borderline-fail for
                             the <=17px lead/muted body copy. Text on clay routes through this. */
  --stone-30:#B2B9BC;     /* borders, tertiary text */
  --stone-15:#DDE1E3;     /* hairlines, subtle fills */
  --off:#F4F2EE;          /* clay - page background */
  --surface:#FFFFFF;      /* cards, forms */
  --alert:#8A2F1A;        /* errors only */

  /* THE ONE ACCENT - warm ochre/brass, locked page-wide, matches the generated imagery.
     fix 4 (round 4): the brief asked for ONE confident colour moment, not only 3px rules and ticks.
     The PRIMARY CTA now carries an OCHRE FILL with ink text (--accent #B67A3D + --ink #001722 =
     5.1:1, AA normal text). That is the one bold placement; ochre stays rare everywhere else
     (rules, single nodes, focus rings). Still never a wash, never a glow. On the marine bands the
     button inverts to clay so it stays the loudest object on a dark field. */
  --accent:#B67A3D;       /* ochre - primary-CTA FILL (ink text 5.1:1 AA) + decoration + rules */
  --accent-deep:#8A5A24;  /* deeper ochre - AA text on off/white (5.26:1 on --off) for links + on-clay ticks */
  --accent-hover:#C4884A; /* ochre CTA hover - brightens the fill (6.1:1 ink text, AA) */
  --accent-soft:rgba(182,122,61,.14); /* faint ochre tint for the highlighted rule/track */

  /* ---------- type - brand Typekit khy6rof ---------- */
  --font-display:'contralto-big',Georgia,'Times New Roman',serif;
  --font-body:'acumin-variable',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;

  --text-xs:.72rem;
  --text-sm:.84rem;
  --text-base:16px;
  --text-md:1.08rem;
  --text-lg:1.32rem;
  --text-xl:clamp(1.6rem,4vw,2.2rem);
  --text-2xl:clamp(2.1rem,6vw,3.4rem);
  --text-3xl:clamp(2.6rem,8vw,4.6rem);

  --track-wide:.18em;     /* uppercase labels, lockup */
  --track-display:.09em;  /* contralto-big all-caps display */
  --track-med:.1em;       /* buttons */

  /* ---------- space ---------- */
  --space-1:.35rem;
  --space-2:.7rem;
  --space-3:1.05rem;
  --space-4:1.4rem;
  --space-5:1.75rem;
  --space-6:2.1rem;
  --space-8:2.8rem;
  --space-10:3.5rem;
  --space-12:4.6rem;
  --space-16:6rem;

  /* ---------- shape ---------- */
  --radius:0;             /* brand is square-edged - keep it */
  --border:1px solid var(--stone-30);
  --hairline:1px solid var(--stone-15);
  --border-ink:1px solid rgba(255,255,255,.16);

  /* ---------- layout ---------- */
  --measure:660px;        /* single reading column */
  --measure-wide:920px;   /* guide / styleguide column */
  --measure-max:1180px;   /* full editorial spread (hero, bands) */

  /* ---------- motion (MOTION dial 4, motivated only) ---------- */
  --ease:cubic-bezier(.16,1,.3,1);
  --dur:.55s;
}