/* ============================================================
   VOLTRA — tokens.css = PROFILE (inspiration: fleety / dark kinetic studio)
   Warm-black + single ember-orange accent + cream ribbons; Space Grotesk.
   This is the ONLY identity source. style.css reads var(--token) only.
   ============================================================ */
:root{
  /* COLOR — dark warm-black base (this template ships dark by default) */
  --accent:#ff6f2a;            /* ember orange — the single high-energy accent */
  --accent-ink:#160703;        /* near-black ink on the orange accent */
  --accent-2:#ffc19c;          /* warm peach secondary */
  --bg:#060302;                /* warm-black page bg */
  --bg-deep:#050201;           /* deepest section bg */
  --surface:#110704;           /* lifted surface */
  --surface-alt:#190a05;       /* alt lifted surface */
  --ink:#fff7f1;               /* warm white headings */
  --body:#d5c8c0;             /* body copy */
  --muted:#b9aaa1;            /* muted copy */
  --dim:#76665e;              /* dim labels */
  --border:rgba(255,111,42,.28);     /* ember-tinted line */
  --line-soft:rgba(255,247,241,.12); /* soft warm line */
  --card:#0d0503;             /* card bg */
  --card-2:#100603;           /* alt card bg */
  --ribbon:rgba(255,238,214,.55);    /* cream ribbon highlight */
  --hero-top:#070302;         /* hero gradient top stop */
  --accent-deep:#b8430f;      /* darkened ember for icon gradients */
  --logo-deep:#5f5651;        /* logo-chip gradient stop */
  --ribbon-bright:#fff0de;    /* bright ribbon highlight */
  --mask:#000;                /* gradient-mask solid (alpha helper) */

  /* TYPOGRAPHY — Space Grotesk throughout */
  --font-display:"Space Grotesk",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-body:"Space Grotesk",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --w-reg:400; --w-med:500; --w-semi:600; --w-bold:700; --w-black:800;
  --tracking-tight:-.5px;
  --tracking-eyebrow:2px;

  /* LAYOUT */
  --container:1296px;
  --gutter:clamp(20px,5vw,72px);
  --section-y:clamp(86px,10vw,150px);
  --radius-sm:6px; --radius-md:8px; --radius-lg:14px; --radius-pill:999px;
  --bw:1px;

  /* SCALE — hard 65px cap wraps every heading (R3) */
  --fs-cap:65px;
  --fs-display:min(clamp(2.6rem,5.8vw,4.375rem), var(--fs-cap));   /* hero h1 */
  --fs-h2:min(clamp(2.125rem,5vw,4rem), var(--fs-cap));           /* section h2 */
  --fs-h3:min(clamp(1.3rem,2.4vw,1.75rem), var(--fs-cap));        /* card h3 */
  --fs-body:clamp(1rem,1.1vw,1.0625rem);
  --fs-lead:clamp(1.0625rem,1.5vw,1.125rem);
  --fs-eyebrow:.75rem;
  --lh-display:1.04; --lh-h2:1.06;

  /* MOTION — all from PROFILE; baseline R2 reveal engine (Pillar 1A §D) */
  --ease:cubic-bezier(.22,.61,.36,1); --dur:.7s;
  --reveal-shift:18px; --base-x:-18px; --base-delay:.15s; --stagger:.08s;
  --hover-card:translateY(-6px); --hover-btn:translateY(-2px); --hover-img:scale(1.05);
  --ribbon-speed:9s;
}