/*
  Waywest Mechanical — design tokens
  Palette derived from the existing brand (navy header, sky-blue accent,
  red CTA on waywestmechanical.com), tuned for contrast and reserved use.
*/
:root {
  /* Color */
  --navy: #11254c;       /* primary brand — header, footer, dominant fields */
  --navy-ink: #0b1a38;   /* deeper navy for text-on-light and shadows */
  --ink: #14181f;        /* body text, near-black but not pure black */
  --paper: #f6f7f9;      /* page background — cool, not cream */
  --paper-raised: #ffffff;
  --sky: #2f8fc7;        /* secondary accent — links, info bands */
  --sky-tint: #e7f2f9;   /* light sky wash for backgrounds */
  --signal: #e0242b;     /* reserved EXCLUSIVELY for emergency / urgent CTA */
  --steel: #5b6472;      /* borders, secondary text, dividers */
  --steel-line: #d8dde3;

  /* Type */
  --font-display: "Big Shoulders Display", "Arial Narrow", sans-serif;
  --font-body: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Type scale (major third-ish, capped line length via layout not width) */
  --step-1: 0.875rem;
  --step0: 1rem;
  --step1: 1.25rem;
  --step2: 1.75rem;
  --step3: 2.5rem;
  --step4: 3.5rem;
  --step5: 4.75rem;

  /* Spacing */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 6rem;

  /* Layout */
  --content-max: 72rem;
  --measure: 68ch; /* body copy line length, under 80 chars */
  --radius: 3px;   /* sharp, engineered — not the rounded SaaS-card default */

  --focus-ring: 0 0 0 3px #ffffff, 0 0 0 5px var(--sky);
}