/* Phase 5 — page-body design consistency pass.
   Every remaining bc-* component (prose, gallery, grid, formband, buttons, footer,
   eyebrows, links, headings) already reads its colours/fonts/radius/shadow from the
   --bc-* custom properties defined in component-library.css. Redeclaring those same
   properties here — loaded AFTER component-library.css, so it wins on source order at
   equal specificity — re-skins every one of those components to the approved Design
   System tokens, with zero HTML changes and zero risk to any page that doesn't load
   this file (blog/legal pages never link this stylesheet, so they render unchanged). */

:root {
  --bc-primary:       #101418; /* Ink */
  --bc-primary-dark:  #101418;
  --bc-primary-light: #F1F3F4; /* Mist */
  --bc-accent:        #E4572E; /* Signal */
  --bc-accent-dark:   #C43F1C; /* Signal Dark */
  --bc-accent-light:  #FCEAE3; /* Signal Tint */
  --bc-paper:         #FFFFFF;
  --bc-paper-alt:     #F1F3F4;
  --bc-ink:           #101418;
  --bc-ink-soft:      #53595E; /* Slate */
  --bc-ink-faint:     #8A9096; /* Fog */
  --bc-line:          #E2E5E7;
  --bc-font-display:  'Oswald', 'Arial Narrow', sans-serif;
  --bc-font-body:     'Inter', 'Segoe UI', Arial, sans-serif;
  --bc-radius-sm: 4px;
  --bc-radius-md: 6px;
  --bc-radius-lg: 6px;
  --bc-shadow-sm: 0 1px 2px rgba(16,20,24,.06);
  --bc-shadow-md: 0 4px 12px rgba(16,20,24,.10);
}

/* Headings default to uppercase condensed treatment, matching the hero/services H2s */
h1, h2, h3, h4 { text-transform: uppercase; letter-spacing: -0.01em; }

/* the accent button was already the CTA colour everywhere — no shape change needed,
   just the token swap above. Buttons keep their existing sizing/behaviour verbatim. */