/* ═══════════════════════════════════════════════════════════════
   BRAND KIT
   Every value the site's look depends on lives here and nowhere else.
   Edit this file, or edit it live at /brand.html and paste the result back.
   ═══════════════════════════════════════════════════════════════ */
:root{

  /* ── Colour ─────────────────────────────────────────
     Two accents, one ground, one ink. Nothing else.
     The rgb-* triplets exist so alpha can be mixed without
     restating the hex: rgba(var(--ink-rgb), .6)              */
  --lime:#E5F266;          /* primary. BrandCraft. the hero flood */
  --lime-deep:#D3E23F;     /* the warm wash under the hero        */
  --coral:#FF4D2E;         /* secondary. 999. eyebrows, italics   */
  --coral-deep:#E23A1C;
  --paper:#FAFAF4;         /* body ground                          */
  --paper-2:#F2F2E8;       /* recessed sections                    */
  --ink:#131310;           /* text, borders, dark blocks           */
  --ink-2:#1C1C18;

  --ink-rgb:19,19,16;
  --paper-rgb:250,250,244;
  --lime-rgb:229,242,102;
  --coral-rgb:255,77,46;

  --mute:rgba(var(--ink-rgb),.62);    /* secondary text on paper  */
  --hair:rgba(var(--ink-rgb),.14);    /* 1px dividers             */

  /* ── Type ───────────────────────────────────────────
     Inter Tight carries everything. Instrument Serif is
     for italic accents only. JetBrains Mono for data.    */
  --sans:'Inter Tight',system-ui,-apple-system,Segoe UI,sans-serif;
  --serif:'Instrument Serif',Georgia,serif;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,monospace;

  --fs-body:17px;          /* base paragraph                       */
  --fs-lede:clamp(16px,1.35vw,20px);
  --fs-h1:clamp(50px,8vw,124px);
  --fs-h2:clamp(36px,5.4vw,78px);
  --fs-h3:clamp(28px,3.1vw,44px);
  --fs-stat:clamp(40px,4.8vw,70px);
  --fs-quote:clamp(22px,2.6vw,34px);
  --fs-eyebrow:11px;       /* mono section tags                    */
  --fs-label:10px;         /* mono micro labels                    */

  --lh-display:.92;        /* headings                             */
  --lh-body:1.55;
  --tracking-display:-.038em;
  --tracking-mono:.26em;
  --weight-display:800;

  /* ── Space ──────────────────────────────────────────  */
  --gut:clamp(20px,5vw,84px);        /* page gutter            */
  --section-y:clamp(80px,10vw,150px);/* vertical section rhythm */
  --card-pad:clamp(30px,3.4vw,56px);

  /* ── Edges ──────────────────────────────────────────
     Hard borders and hard offset shadows. No glow, no blur. */
  --border-w:2px;
  --radius:6px;
  --radius-chip:100px;
  --shadow-offset:10px;              /* the hard card shadow     */
  --shadow-offset-sm:8px;

  /* ── Motion ─────────────────────────────────────────
     Everything below is gated behind prefers-reduced-motion. */
  --ease:cubic-bezier(.19,1,.22,1);
  --dur-fast:.25s;                   /* hovers, magnetic buttons */
  --dur:.45s;                        /* card lifts, floods       */
  --dur-slow:.9s;                    /* scroll reveals           */
  --marquee-dur:34s;
  --stagger:.08s;                    /* per-item reveal delay    */
}