:root{
/* base palette (from brand kit) */
--color-abundance-green:#95b34d;
--color-deep-navy:#1b304b;
--color-warm-white:#faf8f2;
--color-warm-sand:#e9dfc8;
--color-soft-sage:#d9e6d2;
--color-muted-gold:#c7a54a;
--color-charcoal:#3f4650;
--color-white:#ffffff;
/* derived tints/shades (oklch, harmonious with palette — no source swatch existed for these) */
--color-green-dark:oklch(from var(--color-abundance-green) calc(l - 0.14) c h);
--color-green-light:oklch(from var(--color-abundance-green) calc(l + 0.18) calc(c*0.6) h);
--color-navy-light:oklch(from var(--color-deep-navy) calc(l + 0.12) calc(c*0.7) h);
--color-gold-dark:oklch(from var(--color-muted-gold) calc(l - 0.14) c h);
--color-danger:oklch(0.55 0.16 25); /* muted brick red, tuned to sit next to the warm gold/green palette */
--color-danger-dark:oklch(0.45 0.17 25);
--color-danger-light:oklch(0.94 0.03 25);
/* semantic aliases */
--bg-page:var(--color-warm-white);
--bg-sand:var(--color-warm-sand);
--bg-sage:var(--color-soft-sage);
--surface-card:var(--color-white);
--surface-card-alt:var(--color-warm-sand);
--surface-sunken:var(--color-soft-sage);
--border-default:color-mix(in oklch, var(--color-charcoal) 18%, transparent);
--border-strong:color-mix(in oklch, var(--color-charcoal) 34%, transparent);
--text-primary:var(--color-deep-navy);
--text-secondary:var(--color-charcoal);
--text-muted:color-mix(in oklch, var(--color-charcoal) 62%, transparent);
--text-on-dark:var(--color-warm-white);
--text-on-accent:var(--color-white);
--accent-primary:var(--color-abundance-green);
--accent-primary-hover:var(--color-green-dark);
--accent-secondary:var(--color-muted-gold);
--accent-secondary-hover:var(--color-gold-dark);
--focus-ring:color-mix(in oklch, var(--color-abundance-green) 55%, transparent);
--success:var(--color-abundance-green);
--success-bg:var(--color-soft-sage);
--warning:var(--color-muted-gold);
--warning-bg:color-mix(in oklch, var(--color-muted-gold) 18%, var(--color-warm-white));
--danger:var(--color-danger);
--danger-bg:var(--color-danger-light);
--info:var(--color-deep-navy);
--info-bg:color-mix(in oklch, var(--color-deep-navy) 10%, var(--color-warm-white));
}