/* =========================================================================
   KAIRO Peptides -- design tokens
   Ported from /Users/ct/dev/ovae-site-v2/kairo/site/css/site.css (locked V7
   color/type per brand-study-2026-07-19/STUDY-NOTES.md). Custom properties
   and font stacks only, this is a staging skeleton; full template/component
   port is a later lane.
   ========================================================================= */

:root{
  /* ---- color tokens (LOCKED) ---- */
  --slate:#15171B;
  --mist:#E9EBEE;
  --porcelain:#F1EDE4;
  --ink:#17150F;
  --copper:#B86A3C;
  --ember:#C2571B;
  --deep:#6E3B1E;
  --pale:#D89B6A;
  --on-ember:#000000;   /* ember passes 4.5:1 ONLY with black text */
  --on-deep:#FFFFFF;    /* deep-pressed requires white text */
  --hairline:rgba(233,235,238,.16);
  --hairline-light:rgba(23,21,15,.14);
  --hairline-on-porcelain:rgba(23,21,15,.14);
  --mist-dim:rgba(233,235,238,.55);

  /* ---- shape ---- */
  --btn-radius:8px;

  /* ---- type ---- */
  --font-display:'Marcellus',ui-serif,Georgia,serif;
  --font-body:'Switzer','Helvetica Neue',Arial,sans-serif;
  --font-mono:'DM Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  /* ---- rhythm ---- */
  --container:1280px;
  --gutter:5.5vw;
  --section-y:112px;
}