/* ============================================================
   GMR THEME TOKENS  —  this is your self-serve reskin file.
   Change a value here and the whole site updates. No code edits.
   (Structure/layout lives in site.css — leave that to dev.)

   Design language: "precision instrument". Dark graphite + racing
   red, condensed technical headings (Rajdhani), monospace data
   (JetBrains Mono) for part numbers, prices and dimensions.
   ============================================================ */
:root {
  /* Brand colours */
  --brand:        #e10600;   /* racing red — accents, CTAs, live data */
  --brand-dark:   #b30500;   /* hover / pressed */
  --ink:          #e8eaed;   /* main text */
  --muted:        #98a2ad;   /* secondary text */
  --bg:           #0b0d10;   /* page background (near-black graphite) */
  --panel:        #12151a;   /* cards / panels */
  --panel-2:      #181c23;   /* raised panels / inputs */
  --line:         #262c35;   /* borders / dividers */
  --grid-line:    rgba(255,255,255,.035);  /* engineering grid background */
  --header-bg:    rgba(11,13,16,.88);      /* sticky header (blurred) */
  --header-ink:   #ffffff;

  /* Type */
  --font:      "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-head: "Rajdhani", var(--font);          /* condensed, technical */
  --font-mono: "JetBrains Mono", Consolas, Menlo, monospace;  /* data */
  --base-size: 16px;

  /* Shape & spacing */
  --radius: 8px;
  --gap: 24px;
  --maxw: 1240px;   /* page container */
  --textw: 1020px;  /* reading width: CMS pages, blog posts, product text */
  --logo-h: 44px;
}