/* ============================================================
   PHILLY TRENCHLESS — design tokens (brief §5)
   "Municipal utility locate marking" direction.
   --hivis-orange: CALL + BOOKING buttons and the sticky mobile
   bar ONLY. Nowhere else.
   ============================================================ */
:root{
  /* ---- color (§5.2) ---- */
  --ink:#101B22;            /* body text, dark sections */
  --slate:#2E4150;          /* headings on light, secondary dark surfaces */
  --locate-green:#1E9E6A;   /* trust marks, graphics, links on dark */
  --locate-green-deep:#0E7A4E; /* text + checks on light (4.5:1 on --ground) */
  --hivis-orange:#F26A1B;   /* CALL / BOOKING buttons + sticky bar ONLY */
  --ground:#F4F7F6;         /* page background (cool off-white) */
  --line:#D3DCDF;           /* borders, dividers */
  --white:#FFFFFF;

  /* derived, still inside the palette */
  --soil:#E7ECEA;           /* SVG soil tint */
  --ink-soft:#5A6B76;       /* muted text (4.5:1+ on --ground: use sparingly) */

  /* ---- type (§5.3) ---- */
  --font-head:'Barlow Condensed','Arial Narrow',Arial,sans-serif;
  --font-body:'Source Sans 3',Verdana,Geneva,sans-serif;

  --h1:clamp(2.25rem,6vw,4rem);
  --h2:clamp(1.75rem,4vw,2.75rem);
  --h3:1.375rem;
  --body:1.0625rem;         /* 17px */
  --small:.875rem;

  /* ---- spacing: 4px base (§5.4) ---- */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px;
  --s6:24px; --s8:32px; --s12:48px; --s16:64px; --s24:96px;

  /* ---- radius: two values only (§5.4) ---- */
  --r-sm:4px;               /* buttons, inputs */
  --r-lg:12px;              /* image frames */

  /* ---- elevation: ONE subtle shadow, sticky bar + dropdowns only (§5.4) ---- */
  --shadow:0 8px 24px rgba(16,27,34,.16);

  /* ---- section rhythm ---- */
  --section-pad:64px;       /* mobile */
}
@media(min-width:900px){
  :root{ --section-pad:96px; }   /* desktop */
}