/* Best of Pasco - design tokens
   Source: Claude_BestOfPasco_SiteBuild_Instructions_2026-07-15.md */

:root {
  --bop-teal: #0E5C56;
  --bop-teal-deep: #0A413D;
  --bop-cream: #FAF3E7;
  --bop-cream-alt: #F3E9D8;
  --bop-coral: #FF6B4A;
  --bop-coral-deep: #E24E30;
  --bop-gold: #F2A93B;
  --bop-ink: #24322F;
  --bop-ink-soft: #58685F;

  --bop-font-display: "Bricolage Grotesque", sans-serif;
  --bop-font-body: "Public Sans", sans-serif;
  --bop-font-label: "IBM Plex Mono", monospace;
}

body {
  background-color: var(--bop-cream);
  color: var(--bop-ink);
  font-family: var(--bop-font-body);
}

h1, h2, h3, h4, h5, h6,
.bop-display {
  font-family: var(--bop-font-display);
}

.bop-label {
  font-family: var(--bop-font-label);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

/* Homepage main wrapper - explicit safety net alongside GPs own
   .content-area sizing, in case that alone does not fully constrain
   width under all sidebar/layout settings. */
.bop-main {
  display: block;
  width: 100%;
}