/* SharpenerShop brand tokens (colors sampled from the logo render, fonts self-hosted). See docs/brand-guidelines.md. */
:root {
  --navy: #31383D; --navy-dark: #23292D;
  --teal: #D4A444;            /* brass: decorative only */
  --teal-dark: #3F6283;       /* steel blue, text-safe on cream (6.1:1) */
  --focus: #577C9E;
  --ink: #31383D; --muted: #566068; --line: #DDD6C4;
  --bg: #FEFAF0; --bg-alt: #F3EEDF;
  --font-head: "Alfa Slab One", Georgia, serif;
  --font-body: "Source Sans 3", "Segoe UI", system-ui, sans-serif;
  --font-eyebrow: "Barlow", "Source Sans 3", system-ui, sans-serif;
  --head-weight: 400; --head-transform: uppercase; --head-spacing: .02em;
  --logo-h: 60px; --footer-accent: #D4A444;
}
h1 { font-size: clamp(1.6rem, 3.2vw, 2.3rem); line-height: 1.15; }
h2 { font-size: clamp(1.2rem, 2.2vw, 1.5rem); }
.eyebrow { font-family: var(--font-eyebrow); font-weight: 500; letter-spacing: .08em; }
.footer-title { color: var(--footer-accent, #fff); }
.poc-banner { background: var(--navy-dark); }