/* Avyo brand design tokens (HSL channels) — canonical source in CLAUDE.md.
   Consumed by Tailwind via hsl(var(--token)) color mappings (see base.html). */
:root {
  --primary: 217 91% 60%;          /* #3b82f6 — CTAs, links */
  --accent: 160 84% 39%;           /* #10b981 — success, highlights */
  --background: 0 0% 100%;         /* #ffffff */
  --foreground: 222 47% 11%;       /* #0f172a — text/headings */
  --muted: 210 40% 96%;            /* #f1f5f9 — subtle surfaces */
  --border: 214 32% 91%;           /* #e2e8f0 — borders/dividers */

  --primary-foreground: 0 0% 100%;
  --accent-foreground: 0 0% 100%;
  --muted-foreground: 215 16% 47%; /* secondary text */
}

html { scroll-behavior: smooth; }

/* Eyebrow label used above section headings */
.eyebrow {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}