/* SharpByMail brand tokens (colors sampled from the logo render, fonts self-hosted). See docs/brand-guidelines.md. */
:root {
  --navy: #333842; --navy-dark: #23262E;
  --teal: #E4641C;            /* orange: decorative only */
  --teal-dark: #B54A0F;       /* text-safe orange (5.3:1 on white) */
  --focus: #B54A0F;
  --ink: #333842; --muted: #566070; --line: #E3DCD1;
  --bg: #FEFEFE; --bg-alt: #F6F1EA;
  --font-head: "Barlow Semi Condensed", "Arial Narrow", sans-serif;
  --font-body: "Nunito Sans", "Segoe UI", system-ui, sans-serif;
  --font-eyebrow: "Barlow", "Nunito Sans", system-ui, sans-serif;
  --head-weight: 700; --head-transform: uppercase; --head-spacing: .03em;
  --logo-h: 72px; --footer-accent: #D7AA7A;
}
.btn:not(.btn-outline) { background: #B54A0F; border-color: #B54A0F; }
.btn:not(.btn-outline):hover { background: #8F3A0C; border-color: #8F3A0C; }
.btn-outline { color: var(--navy); border-color: var(--navy); }
.btn-outline:hover { background: var(--navy); color: #fff; }
.eyebrow { font-family: var(--font-eyebrow); font-weight: 500; letter-spacing: .08em; }
.hero-photo img { box-shadow: 0 6px 24px rgba(51, 56, 66, .2); }
.footer-title { color: var(--footer-accent, #fff); }
.poc-banner { background: var(--navy-dark); }