/* =========================================================================
   21G storefront — gasoline-minéral tokens.
   Source of truth: ~/21G/branding/BRAND-LOCKED.md §7. Do not warm this up.
   ========================================================================= */
:root{
  /* Fonds — storefront passé au NOIR (diverge volontairement du kit gasoline, per Gabriel) */
  --ink-deep:#000000;
  --ink-graphite:#0d0d0f;            /* surface neutre (sections alt) */
  --ink-graphite-2:#161619;          /* lifted surface for cards on alt sections */

  /* Accents — monochrome neutre (plus de bleu) */
  --gasoline-blue:#5a5d63;
  --gasoline-blue-2:#aeb1b6;

  /* Neutres */
  --steel-mid:#7c7c7e;
  --steel-light:#9C9FA3;
  --silver:#BCBEC3;
  --ivory:#E2E3E4;
  --white:#FFFFFF;

  /* Fonctionnels */
  --success:#4ade80;
  --alert:#ef4444;

  /* Hairlines (derived from ivory) */
  --hair:rgba(226,227,228,0.12);
  --hair-strong:rgba(226,227,228,0.22);

  /* Gradients signature */
  --grad-signature:linear-gradient(135deg, var(--gasoline-blue) 0%, var(--ink-graphite) 100%);
  --grad-cta:linear-gradient(135deg, var(--gasoline-blue) 0%, var(--gasoline-blue-2) 100%);

  /* Typo */
  --font-display:'Space Grotesk','Helvetica Neue',Arial,sans-serif;
  --font-body:'Inter',-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;
  --font-mono:'JetBrains Mono','SF Mono','Courier New',monospace;

  /* Type scale */
  --t-display:clamp(2.4rem,6vw,4.4rem);
  --t-h2:clamp(1.9rem,4vw,2.6rem);
  --t-h3:clamp(1.35rem,2.4vw,1.9rem);
  --t-sub:clamp(1.02rem,1.4vw,1.28rem);
  --t-body:1.0625rem;
  --t-kicker:0.72rem;

  /* Spacing */
  --s-2:.5rem; --s-3:.75rem; --s-4:1rem; --s-6:1.5rem; --s-8:2rem;
  --s-12:3rem; --s-16:4rem; --s-20:5rem; --s-24:6rem;
  --section-y:clamp(5.5rem,12vw,11rem);
  --gutter:clamp(1.25rem,4vw,4.5rem);
  --maxw:1280px;
  --maxw-narrow:980px;

  /* Motion */
  --ease:cubic-bezier(0.16,1,0.3,1);
  --ease-p:cubic-bezier(0.4,0,0.2,1);
  --d-fast:240ms; --d:600ms; --d-slow:1000ms;

  /* Shape */
  --radius:8px; --radius-sm:4px; --shadow:0 8px 32px rgba(0,0,0,0.5);
}