/* =====================================================================
   cerpabuilds.com — design system tokens

   Source: lifted from cerpaconstruction.com (navy #1e3a5f, orange
   #ff8c00, Playfair Display + Inter). Kept as a separate file so the
   four service pages stay visually identical and only copy varies.
   ===================================================================== */

:root {
  /* -- Brand ------------------------------------------------------- */
  --navy:        #1e3a5f;
  --navy-deep:   #142943;
  --navy-mid:    #2c5282;
  --orange:      #ff8c00;
  --orange-dark: #e07600;

  /* -- Neutrals ---------------------------------------------------- */
  --ink:         #16202b;
  --body:        #47576b;
  --muted:       #6b7b8f;
  --line:        #dde4ec;
  --line-soft:   #ecf1f6;
  --surface:     #ffffff;
  --surface-alt: #f6f8fb;
  --surface-warm:#fdf8f2;

  /* -- Type -------------------------------------------------------- */
  --font-display: 'Playfair Display', 'Iowan Old Style', Georgia, serif;
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --step-hero:   clamp(2.5rem, 1.4rem + 4.4vw, 4.75rem);
  --step-h2:     clamp(1.9rem, 1.2rem + 2.6vw, 3rem);
  --step-h3:     clamp(1.15rem, 1rem + 0.6vw, 1.5rem);
  --step-body:   clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --step-lead:   clamp(1.1rem, 1rem + 0.55vw, 1.35rem);

  /* -- Space (8px base) -------------------------------------------- */
  --sp-1: 0.25rem;  --sp-2: 0.5rem;   --sp-3: 0.75rem;  --sp-4: 1rem;
  --sp-5: 1.5rem;   --sp-6: 2rem;     --sp-7: 3rem;     --sp-8: 4rem;
  --sp-9: 6rem;

  /* -- Shape ------------------------------------------------------- */
  --r-sm: 4px;  --r-md: 8px;  --r-lg: 14px;  --r-pill: 999px;

  /* -- Elevation --------------------------------------------------- */
  --shadow-sm: 0 1px 2px rgba(22, 32, 43, 0.06);
  --shadow-md: 0 4px 14px rgba(22, 32, 43, 0.08);
  --shadow-lg: 0 18px 46px rgba(22, 32, 43, 0.14);

  /* -- Layout ------------------------------------------------------ */
  --wrap: 1140px;
  --wrap-narrow: 760px;
}

/* Reduced-motion: kill every transition, keep the layout identical. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}