:root{
/* base palette */
--fern:#5C6F52;
--fern-dark:#4C5C43; /* hover on fern fills */
--sage:#A9BC9B;
--sage-soft:#DDE6D3; /* sage tint for bands & hover washes */
--oat:#F6F0E4;
--sand:#DCC9A8;
--sand-soft:#EBDFC9; /* lighter sand for row hovers, tag hovers */
--terracotta:#C4703F;
--terracotta-dark:#AC5F32;
--marigold:#E3A65A;
--bark:#403830;
--cream:#FFFDF8;
--blush:#E8C0AE; /* illustration fill only */
/* semantic */
--bg-page:var(--oat);
--bg-band:var(--sage-soft); /* alternating section band */
--bg-dark:var(--fern); /* footer, dark CTA band */
--surface-card:var(--cream);
--surface-card-alt:var(--sand);
--text-body:var(--bark);
--text-heading:var(--fern);
--text-soft:#6B6156; /* bark at ~75%, captions & meta */
--text-on-dark:var(--cream);
--accent:var(--terracotta); /* max 10% of any view */
--accent-warm:var(--marigold); /* kid-facing details, icons, badges */
--link:var(--terracotta);
--link-hover:var(--terracotta-dark);
--focus-ring:var(--fern);
--border-soft:1px solid var(--sand);
--border-strong:1.5px solid var(--sand);
}