/* ============================================================
   THEME: GRID — precise, engineered, confident
   For: trades, contractors, tech services, logistics, fitness
   Fonts: <link href="https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,600;62..125,700;62..125,800&family=Source+Sans+3:wght@400;600&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet">
   ============================================================ */
:root{
  /* palette — cool porcelain, hard ink, one cobalt signal */
  --ground:      #EFF1F3;   /* cool porcelain */
  --surface:     #FAFBFC;
  --surface-2:   #E2E5E9;
  --ink:         #14171C;
  --ink-soft:    #3A4048;
  --muted:       #6E7681;
  --line:        #CDD2D8;
  --accent:      #2049E6;   /* cobalt — decisive, technical */
  --accent-deep: #1636AE;
  --accent-soft: #DEE4FB;
  --highlight:   #E8681C;   /* safety orange — ONLY for urgency (call-now, 24/7 badge) */

  /* type — wide grotesque display, calm body, mono data voice */
  --display: "Archivo", Impact, sans-serif;     /* use wdth 110–125 at 700–800 */
  --body:    "Source Sans 3", -apple-system, sans-serif;
  --mono:    "IBM Plex Mono", Menlo, monospace; /* numbers, specs, labels */
  --fs-hero:  clamp(40px, 6.5vw, 68px);
  --fs-h2:    clamp(28px, 4vw, 42px);
  --fs-h3:    21px;
  --fs-body:  17px;
  --fs-small: 14px;
  --fs-label: 12px;
  --lh-tight: .98;   --lh-body: 1.6;
  --track-label: .12em;

  /* space — tighter rhythm than Grove; structure shows */
  --s1: 8px; --s2: 16px; --s3: 24px; --s4: 36px; --s5: 56px; --s6: 88px;
  --section-pad: clamp(56px, 9vw, 112px);
  --measure: 60ch;

  /* form */
  --radius: 6px;
  --radius-img: 6px;
  --shadow: 0 14px 36px -20px rgba(20,30,60,.35);
  --motion: 320ms cubic-bezier(.3,.8,.3,1);    /* quick, mechanical */
}
/* Character notes:
   - Display in UPPERCASE or near-upper, wide width, tight leading — headlines land like signage.
   - Mono voice for phone numbers, prices, specs, service areas — trust through precision.
   - Signature candidates: hairline rule grid visible between sections; oversized
     mono stat (years, jobs done); diagonal clip on hero media; cobalt keyline frame.
   - Photography: on-the-job, honest, high contrast. No handshake stock. */