/* ============================================================
   DRENCHED BRAND TOKENS — 🔒 LOCKED. Owner: Mike.
   This file IS the brand. Matched to the Drenched Design System
   (Claude Design, Visual ID 7.20): onyx-led, dark + editorial,
   gold as a glint only. Roughly 60 dark / 25 ocean / 10 gold.
   ============================================================ */
:root {
  /* --- color --- */
  --onyx:       #0B0E12;   /* lead surface, blue-cast black (~60%) */
  --graphite:   #1A202A;   /* raised dark surface / cards */
  --ocean:      #0C2A46;   /* Deep Ocean, the blue (~25%) */
  --ocean-deep: #08203A;
  --gold:       #E3B23C;   /* Sunlit Gold, accent/glint only, never a large fill */
  --gold-soft:  #F2D488;
  --bone:       #F3F0E9;   /* type on dark + light sections, never pure white */
  --bone-dim:   #ECE7DC;
  --greige:     #CBC3B6;   /* warm neutral */
  --smoke:      #9A9AA6;   /* cool secondary type */
  --ink:        #14161C;   /* text on light */
  --slate:      #5A6672;
  --blue-text:     #C6D3E0;
  --blue-text-dim: #AFC2D3;

  /* --- type --- */
  --font-display: 'MADE Outer Sans', 'Inter', 'Arial Black', sans-serif; /* Inter Black 900 fallback */
  --font-kicker:  'Futura', 'Jost', sans-serif;   /* Bold Oblique, rendered italic + tracked */
  --font-label:   var(--font-kicker);             /* back-compat alias */
  --font-body:    'Inter', 'Avenir Next', sans-serif;

  /* --- signature motifs --- */
  --rule-gold: linear-gradient(90deg, transparent, rgba(227,178,60,.9) 12%, rgba(227,178,60,.9) 88%, transparent);
  --grad-ocean-onyx: linear-gradient(180deg, var(--ocean) 0%, var(--onyx) 100%);
  --grad-protect-bottom: linear-gradient(0deg, rgba(6,10,16,.94), transparent);
  --shadow-md: 0 14px 44px rgba(0,0,0,.5);
  --shadow-gold-glow: 0 0 34px rgba(227,178,60,.32);
  --ease-cine: cubic-bezier(.2,.6,.2,1);

  /* --- rhythm (8px base, editorial) --- */
  --pad-x: clamp(20px, 5vw, 64px);
  --sec-y: clamp(56px, 8vw, 100px);
  --radius: 3px;
  --maxw: 1280px;
}