:root{
/* ── Brand palette — verbatim from the live site's inline <style> on / ─────── */
--ivory:#F7F3EA;        /* page background */
--ivory-band:#EFEEE3;   /* alternating warm band */
--charcoal:#262420;     /* headings + body text */
--charcoal-soft:#55524A;/* secondary text, nav links */
--sage-mid:#4F6B4C;     /* primary button, eyebrow, accent */
--sage-mid-deep:#41583E;/* primary hover, italic accents */
--sage-soft:#C9D6C0;    /* tag pills, final CTA band, icon discs */
--forest-cta:#263422;   /* darkest — active tab, "popular" pill */
--line:#DCD6C8;         /* all hairline borders */
--clay:#A0491B;          /* accent — the one primary CTA per view */
--clay-deep:#8A3E17;     /* accent hover/press */
--logo-sage:#92A497;    /* full-bleed feature bands (margin, clarity) */

/* ── Semantic aliases ─────────────────────────────────────────────────────── */
--surface-page:var(--ivory);
--surface-band:var(--ivory-band);
--surface-card:var(--ivory);
--surface-feature:var(--logo-sage);
--surface-cta:var(--forest-cta);
--accent-cta:var(--clay);
--accent-cta-hover:var(--clay-deep);
--text-heading:var(--charcoal);
--text-body:var(--charcoal);
--text-muted:var(--charcoal-soft);
--text-accent:var(--sage-mid);
--text-accent-deep:var(--sage-mid-deep);
--border-hairline:var(--line);
--header-glass:rgba(247,243,234,0.85);

/* ── Semantic scale from the compiled Tailwind v4 theme (React sub-pages) ─── */
--background:oklch(97% .008 80);
--foreground:oklch(25% .01 60);
--card:oklch(100% 0 0);
--card-foreground:oklch(25% .01 60);
--popover:oklch(100% 0 0);
--popover-foreground:oklch(25% .01 60);
--primary:oklch(52% .04 155);
--primary-foreground:oklch(98% .005 80);
--secondary:oklch(94% .01 155);
--secondary-foreground:oklch(35% .01 60);
--muted:oklch(94% .008 80);
--muted-foreground:oklch(52% .01 60);
--accent:oklch(88% .02 155);
--accent-foreground:oklch(25% .01 60);
--destructive:oklch(57.7% .245 27.325);
--destructive-foreground:oklch(98.5% 0 0);
--border:oklch(90% .01 80);
--input:oklch(90% .01 80);
--ring:oklch(62% .04 155);
}
