/* ============================================================
   KOGITO LANDING - THEME (values only)

   This is the ONLY file that holds colours, fonts and radii.
   structure.css reads these tokens and never hardcodes a value,
   so changing the palette means editing this file and nothing else.

   Palette: copper on warm black (decided 2026-10-08), taken from the
   Canva "Linkedin Banner" hexagons (_reference/mood/). The structure
   is ported from the AlphaZen landing, the gold is not.

   Colours that appear inside rgba() are also exposed as an "r,g,b"
   triplet (--x-rgb) so structure.css can apply its own alpha without
   repeating the hex.
   ============================================================ */

:root{
  /* ---- dark ground (default): warm black, not neutral ---- */
  --d-ground:#0E0C0B;
  --d-ground-rgb:14,12,11;
  --d-ground-warm:#2A2019;   /* brown side of the hex field */
  --d-surface:#15120F;
  --d-surface-2:#1B1714;
  --d-ink:#F5F1EB;
  --d-muted:#A39C93;
  --d-faint:#6E6862;
  --d-line-rgb:255,244,232;

  /* ---- light ground (the "Ferretti" sections) ---- */
  --l-ground:#F3EEE7;
  --l-ink:#0E0C0B;
  --l-muted:#4F4943;
  --l-line-rgb:14,12,11;
  --l-accent-text:#8C5530;   /* copper legible on the light ground */
  --l-kicker:#9A5E33;

  /* ---- accent: copper ---- */
  --accent:#C98A55;          /* kickers, ticks, rails, hex edges */
  --accent-rgb:201,138,85;
  --accent-soft:#F2C08A;     /* serif words, lit hex edges, numbers */
  --accent-soft-rgb:242,192,138;
  --accent-solid:#E8AA6E;    /* filled pills, chips, marker */
  --accent-solid-rgb:232,170,110;
  --accent-solid-hover:#F2BC85;

  /* ---- second CTA fill ---- */
  --alt:#F2EEE4;
  --alt-rgb:242,238,228;
  --alt-hover:#FFFDF7;

  /* ---- semantic ---- */
  --negative:#E07A5F;

  /* ---- type ---- */
  --font-body:'Plus Jakarta Sans',system-ui,sans-serif;
  --font-accent:'Instrument Serif',Georgia,serif;  /* italic, one or two words per heading at most */

  /* ---- shape ---- */
  --radius-chip:6px;
  --radius-row:10px;
  --radius-card:12px;
  --radius-plate:16px;
  --radius-plate-lg:18px;
  --grid-size:54px;
  --hex-r:104px;             /* hex field: radius of one flat-top hexagon */
  --wrap:760px;
  --wrap-wide:1080px;

  /* ---- motion ---- */
  --ease-out:cubic-bezier(.2,.7,.3,1);
  --reveal-distance:18px;
  --reveal-duration:.7s;
  --stagger:90ms;
  --spot:340px;              /* hex field: pointer spotlight radius */
}