/*
  BEASTMODE DEVELOPMENT -- DESIGN TOKENS
  Owner: type/style lane. Single source of truth for color, spacing, radius,
  z-index, motion curves/durations, and layout primitives. No preprocessor.
  Every other stylesheet in this project reads these custom properties --
  never hardcode a color, a spacing value, or an easing curve downstream.
*/

:root {
  /* ---------------------------------------------------------------------
     COLOR -- locked in docs/BRIEF.md. Do not invent new colors here.
     Red is a scalpel: CTAs, active states, the hairline glow. Never a fill.
  --------------------------------------------------------------------- */
  --bmd-void:      #08090A; /* page ground */
  --bmd-carbon:    #0E1012; /* raised surface */
  --bmd-graphite:  #16191C; /* card / inset */
  --bmd-ash:       #2A2F34; /* hairline strong */
  --bmd-hairline:  rgba(255, 255, 255, 0.09);
  --bmd-steel:     #6B7278; /* muted text -- LARGE TEXT / UI ONLY, see note */
  --bmd-mist:      #A8AFB5; /* secondary text -- safe for body copy */
  --bmd-white:     #F2F4F5; /* primary text */
  --bmd-red:       #ED1C24; /* THE accent */
  --bmd-red-deep:  #B4141A; /* pressed / gradient end */
  --bmd-red-glow:  rgba(237, 28, 36, 0.35);

  /*
    CONTRAST AUDIT (WCAG 2.1, numeric, not eyeballed -- see docs/TYPE.md):
      --bmd-white  on void/carbon/graphite : 18.06 / 17.28 / 16.00 :1  -- PASS AA, any size
      --bmd-mist   on void/carbon/graphite :  8.98 /  8.59 /  7.95 :1  -- PASS AA, any size
      --bmd-red    on void                 :  4.55 :1                 -- PASS AA, any size
      --bmd-red    on carbon/graphite      :  4.35 /  4.03 :1         -- large text / UI only
      --bmd-steel  on void/carbon/graphite :  4.08 /  3.91 /  3.62 :1 -- LARGE TEXT / UI ONLY
      --bmd-void   on --bmd-red            :  4.55 :1                 -- PASS AA, any size
      --bmd-white  on --bmd-red            :  3.97 :1                 -- large text / UI only
      --bmd-white  on --bmd-red-deep       :  6.23 :1                 -- PASS AA, any size
    RULE: --bmd-steel never carries running body text (label/body/body-s).
    Use --bmd-mist or --bmd-white for anything that must clear 4.5:1.
    Default CTA button = void text on red (safe at any size).
    Pressed CTA button = white text on red-deep (safe at any size).
  */

  /* ---------------------------------------------------------------------
     SPACING -- base-8 scale (base-4 for the two smallest steps only).
  --------------------------------------------------------------------- */
  --space-0:  0;
  --space-1:  0.25rem;  /*  4px */
  --space-2:  0.5rem;   /*  8px */
  --space-3:  0.75rem;  /* 12px */
  --space-4:  1rem;     /* 16px */
  --space-5:  1.5rem;   /* 24px */
  --space-6:  2rem;     /* 32px */
  --space-7:  3rem;     /* 48px */
  --space-8:  4rem;     /* 64px */
  --space-9:  6rem;     /* 96px */
  --space-10: 8rem;     /* 128px */
  --space-11: 10rem;    /* 160px */
  --space-12: 12rem;    /* 192px */

  /* ---------------------------------------------------------------------
     RADIUS -- near-zero. This is not a rounded brand. Sharp corners read
     as machined, not soft. Never use a pill radius on a solid brand shape.
  --------------------------------------------------------------------- */
  --radius-0: 0;
  --radius-1: 1px;
  --radius-2: 2px;
  --radius-3: 3px;   /* max radius on any surface, card or button */
  --radius-full: 999px; /* reserved: status dots / avatars only, never buttons or cards */

  /* ---------------------------------------------------------------------
     Z-INDEX LADDER
  --------------------------------------------------------------------- */
  --z-base:        0;
  --z-content:     1;
  --z-hairline:    5;    /* scroll-progress hairline */
  --z-sticky:      50;
  --z-nav:         100;
  --z-cursor:      200;
  --z-overlay:     300;
  --z-modal:       400;
  --z-toast:       500;
  --z-max:         9999;

  /* ---------------------------------------------------------------------
     MOTION -- the signature ease is cubic-bezier(0.16,1,0.3,1): fast start,
     long soft landing. Nothing bounces. Durations run slow and heavy.
  --------------------------------------------------------------------- */
  --ease-signature: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out:       cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out:    cubic-bezier(0.83, 0, 0.17, 1);
  --ease-in:        cubic-bezier(0.7, 0, 0.84, 0);
  --ease-linear:    linear;

  --dur-instant: 120ms;
  --dur-fast:    240ms;
  --dur-base:    480ms;
  --dur-slow:    800ms;
  --dur-slower:  1100ms;
  --dur-slowest: 1400ms;

  /* ---------------------------------------------------------------------
     LAYOUT -- 12-col grid, gutters, max-widths, nav height.
  --------------------------------------------------------------------- */
  --grid-cols: 12;
  --gutter: clamp(1rem, 1.2rem + 1vw, 2rem);
  --edge-pad: clamp(1rem, 0.6rem + 3vw, 4rem);
  --container-max: 1600px;
  --content-max-w: 65ch; /* prose measure for real paragraphs */
  --nav-h: clamp(3.5rem, 3.2rem + 1vw, 4.5rem);
}