/* ==========================================================================
   SNAP MOTORSPORTS — MOTIF TOKENS

   Direction reference: The Designers Republic (flat vector colour-blocking,
   roundel stamps, obsessive part-coding and numbering, micro-caps legalese)
   crossed with The Attik (dark technical strata, blueprint overlays, one hot
   accent against an industrial field).

   Rules of the idiom:
   - Flat only. No soft gradients, no glows.
   - Every surface can be coded: part numbers, issue numbers, revision marks.
   - Micro-type is set in wide caps; display type is set tight and cropped.
   - One hot signal accent, used sparingly, against blue + ink.
   ========================================================================== */

:root {
  /* ---- Signal accent — hi-viz, derived (not in the original brand sheet).
     Used ONLY for marks, ticks and single hot details. -------------------- */
  --snap-signal-500: oklch(86% 0.19 104);   /* acid hi-viz yellow-green */
  --snap-signal-600: oklch(78% 0.18 104);
  --snap-signal-100: oklch(96% 0.07 104);
  --color-signal:        var(--snap-signal-500);
  --color-signal-hover:  var(--snap-signal-600);

  /* ---- Blueprint / schematic overlays ------------------------------------ */
  --motif-grid-size: 32px;
  --motif-grid-line-dark: rgba(255, 255, 255, 0.06);
  --motif-grid-line-light: rgba(0, 0, 0, 0.06);
  --motif-grid-dark: linear-gradient(var(--motif-grid-line-dark) 1px, transparent 1px), linear-gradient(90deg, var(--motif-grid-line-dark) 1px, transparent 1px);
  --motif-grid-light: linear-gradient(var(--motif-grid-line-light) 1px, transparent 1px), linear-gradient(90deg, var(--motif-grid-line-light) 1px, transparent 1px);
  --motif-dot-dark: radial-gradient(var(--motif-grid-line-dark) 1px, transparent 1px);
  --motif-dot-light: radial-gradient(var(--motif-grid-line-light) 1px, transparent 1px);

  /* ---- Hairlines & technical rules --------------------------------------- */
  --motif-hairline: 1px;
  --motif-rule-heavy: 3px;
  --motif-tick-length: 8px;

  /* ---- Micro-type — the "legalese" layer ---------------------------------- */
  --motif-microcaps-size: 10px;
  --motif-microcaps-tracking: 0.18em;
  --motif-microcaps-weight: 700;
  --motif-code-size: 11px;
  --motif-code-tracking: 0.06em;

  /* ---- Display crop — tight, oversized, cut to the edge ------------------- */
  --motif-display-tracking: -0.035em;
  --motif-display-leading: 0.88;

  /* ---- Roundel / stamp ---------------------------------------------------- */
  --motif-roundel-size: 72px;
  --motif-roundel-border: 2px;

  /* ---- Drafting annotation ------------------------------------------------
     Confirmed on the live snapmotorsports.com holding page, which frames the
     whole page as an engineering drawing: dimension callouts ("— 1440.00 —",
     "Ø 34.50", "R 0.00"), section/datum marks ("SECT A–A", "DATUM · 0,0"),
     and a title block ("DOC-SM-0001 / HOLDING", "TOL ±0.05 · SCALE 1:1 ·
     SHEET 01/01", "issue 01 REV 2026.07"). This is the house idiom, not a
     decoration — use it on holding pages, hero frames, and spec surfaces. -- */
  --motif-anno-size: 10px;
  --motif-anno-tracking: 0.14em;
  --motif-anno-color: var(--snap-ink-400);
  --motif-anno-color-dark: var(--snap-ink-500);
  --motif-anno-line: rgba(255, 255, 255, 0.28);
  --motif-anno-line-light: rgba(9, 20, 28, 0.28);
  --motif-anno-gap: 6px;
  --motif-titleblock-border: 1px;
}