:root{
/* base palette (v2 — approved) */
--color-wisteria-500:#A2A7EF;
--color-wisteria-600:#8388d1;
--color-wisteria-100:#eceeff;
--color-pine-600:#297379;
--color-pine-100:#e3eeee;
--color-teal-700:#114B5F;
--color-teal-600:#0e3e4f;
--color-teal-100:#e2ecee;
--color-mint-100:#F1F7EE;
--color-mint-200:#e3edda;
--color-beige-300:#dbe4d3;
--color-charcoal-900:#0B0A07;
--color-charcoal-700:#2b2926;
--color-charcoal-500:#57534d;
--color-white:#ffffff;
--color-success:#2f7a4f;
--color-warning:#b8863a;
--color-danger:#b0403f;

/* semantic aliases */
--surface-canvas:var(--color-white);
--surface-card:var(--color-white);
--surface-banner:var(--color-mint-100);
--surface-sunken:var(--color-mint-200);
--surface-inverse:var(--color-charcoal-900);
--border-subtle:var(--color-beige-300);
--border-default:#d3ddca;
--border-strong:var(--color-charcoal-700);

--text-primary:var(--color-charcoal-900);
--text-secondary:var(--color-charcoal-500);
--text-inverse:var(--color-white);
--text-on-accent:var(--color-charcoal-900);

--heading-primary:var(--color-teal-700);
--heading-secondary:var(--color-pine-600);

--brand-primary:var(--color-wisteria-500);
--brand-primary-hover:var(--color-wisteria-600);
--brand-secondary:var(--color-pine-600);
--brand-accent:var(--color-teal-700);
--brand-accent-hover:var(--color-teal-600);

--state-success:var(--color-success);
--state-warning:var(--color-warning);
--state-danger:var(--color-danger);
--state-focus-ring:var(--color-wisteria-500);
}