/* ==========================================================================
   DESIGN TOKENS — Ridgeline Roofing (roofer demo).
   Dark, dramatic re-skin: charcoal canvas, brick-red accent, condensed type.
   ========================================================================== */

:root {
  --c-bg:        #17181A;   /* page canvas (dark site) */
  --c-bg-raise:  #1F2124;   /* raised panels */
  --c-ink:       #D9D4C9;   /* body text on dark (warm bone) */
  --c-ink-strong:#F2EEE4;   /* headings */
  --c-muted:     #8D8B84;   /* secondary text */
  --c-line:      rgba(217, 212, 201, 0.14);
  --c-accent:    #B33A2B;   /* brick red — CTAs, emergency */
  --c-accent-hi: #D14C3B;   /* hover */

  --hero-photo: url("https://images.unsplash.com/photo-1632759145351-1d592919f522?auto=format&fit=crop&w=1800&q=70");

  --font-display: "Oswald", "Arial Narrow", sans-serif;
  --font-body: "Work Sans", "Segoe UI", sans-serif;

  --fs-hero: clamp(2.6rem, 8vw, 5.5rem);
  --fs-1: clamp(1.8rem, 4vw, 3rem);
  --fs-2: clamp(1.2rem, 1.5vw + 0.8rem, 1.5rem);
  --fs-3: 1.125rem;
  --fs-4: 1rem;
  --fs-5: 0.875rem;

  --space-section: clamp(3.5rem, 9vw, 7rem);
  --radius: 6px;
  --maxw: 74rem;
}