/* ==========================================================================
   KM Jones Electrical: V2 design tokens
   Tone: High-Trust Local Editorial, modern flat / tactical.
   One driver colour (blue), red reserved for quote CTAs + heading dividers,
   rich cool neutrals doing ~80% of the work. No tint ramps.
   ========================================================================== */
:root {
  /* Neutrals */
  --ink-950: #0a1219;   /* deepest surface */
  --ink-900: #101d29;   /* raised dark surface */
  --ink:     #0e1a24;   /* text on light */
  --slate:   #4a5b69;   /* muted text on light */
  --line:    #d3dbe2;   /* hairlines on light */
  --paper:   #f3f5f7;   /* tinted white page */
  --white:   #ffffff;
  --on-dark: #dfe7ee;   /* body text on dark */
  --on-dark-dim: #a3b3c0;

  /* Brand */
  --blue:      #1a7fc1;   /* logo blue: lines, active states, accents */
  --blue-deep: #14649a;   /* same hue, text-safe on white / fill under white text */
  --red:       #b70f0f;   /* logo red: quote CTAs + heading dividers only */
  --red-deep:  #8f0b0b;   /* CTA hover */

  /* Type */
  --f-display: "Bebas Neue", "Arial Narrow", sans-serif;
  --f-body:    "DM Sans", system-ui, sans-serif;

  --fs-body: 1.0625rem;   /* 17px everywhere */
  --fs-h3:   clamp(1.5rem, 1.3rem + 0.7vw, 2rem);
  --fs-h2:   clamp(2.25rem, 1.4rem + 2.6vw, 3.6rem);
  --fs-h1:   clamp(3.2rem, 1.6rem + 5vw, 6rem);

  /* Space */
  --sp-1: .5rem; --sp-2: 1rem; --sp-3: 1.5rem; --sp-4: 2rem; --sp-5: 3rem; --sp-6: 4.5rem;
  --sp-section: clamp(4.5rem, 3rem + 7vw, 9rem);
  --gutter: clamp(1.25rem, .5rem + 3vw, 3rem);
  --wrap: 78rem;

  /* Shape: tight, tactical radii */
  --r-s: 4px; --r-m: 6px; --r-l: 8px; --r-pill: 999px;

  /* Flat physics: hairlines + a top-edge light source, almost no shadow */
  --hl-dark: rgb(255 255 255 / .16);
  --bd-dark: rgb(255 255 255 / .08);
  --shadow-nav: 0 6px 24px rgb(5 12 18 / .22);

  --ease: cubic-bezier(.22, 1, .36, 1);
  --header-h: 10rem;
}