/* ============================================================
   Design System — BASE tokens (brand-neutral)
   Structural primitives shared by every brand + page.
   Brand identity (colors, fonts) lives in <brand>.css and
   overrides nothing here — it only ADDS brand tokens.
   ============================================================ */
:root {
  /* --- Neutrals --- */
  --black: #000000;
  --dark-gray: #070707;
  --mid-gray: #58595b;
  --light-gray: #767676;
  --lighter-gray: #d8d8d8;
  --near-white: #f6f6f6;
  --white: #ffffff;

  /* --- Muted text on dark backgrounds --- */
  --text-secondary: rgba(255,255,255,0.6);
  --text-tertiary: rgba(255,255,255,0.45);

  /* --- Layout --- */
  --container: 1472px;
  --full-bleed: 1920px;

  /* --- Radii --- */
  --radius-feature: 8px;
  --radius-gallery: 10px;
  --radius-pill: 25px;
  --radius-circle: 100px;
  --radius-card-sm: 10px;
  --radius-card-md: 14px;
  --radius-card-lg: 18px;

  /* --- Motion --- */
  --transition: all 0.4s ease;

  /* --- Card number tag --- */
  --tag-size: 10px;
  --tag-weight: 700;
  --tag-spacing: 0.15em;

  /* --- Section padding (single source of truth; responsive overrides in page CSS) --- */
  --pad-x: 18px;
  --pad-y: 32px;
  --pad-y-sub: 8px; /* after-hero content blocks — minimal, dark sections flow together */
}