:root{
--green-50:#e3fcf3;--green-100:#baf7d9;--green-300:#5cf4a0;--green-500:#00ed64;--green-600:#00c355;--green-700:#009e48;--green-900:#00684a;
--teal-950:#001e2b;--teal-900:#023430;--teal-800:#0a3b3e;--teal-700:#0e4f4a;--teal-500:#13684e;--teal-300:#2f8f7a;
--purple-500:#8e4ec6;--orange-500:#ff8a00;--pink-500:#ff6e9c;--blue-500:#016bf8;
--accent-blue-50:#e6f7ff;--accent-blue-300:#66d3ff;--accent-blue-500:#00b4f0;--accent-blue-600:#0092c7;--accent-blue-700:#0a6f96;--accent-blue-900:#0a4d68;
--white:#ffffff;--ink-950:#001e2b;--slate-800:#1c2d38;--slate-600:#475a64;--slate-500:#6b7f8a;--slate-400:#8fa3ac;--slate-300:#b0c1c8;--mist-100:#f7f9fa;--mist-150:#f1f5f5;--mist-200:#e8edef;--mist-300:#c8d2d6;
--yellow-100:#fff6d9;--yellow-700:#944f00;

--color-brand-green:var(--green-500);
--color-brand-green-dark:var(--green-900);
--color-brand-green-mid:var(--green-700);
--color-brand-green-soft:var(--green-50);
--color-cta:var(--accent-blue-500);
--color-cta-dark:var(--accent-blue-900);
--color-accent-warm:var(--orange-500);
--color-brand-teal-deep:var(--teal-950);
--color-brand-teal:var(--teal-900);
--color-brand-teal-mid:var(--teal-700);
--color-accent-purple:var(--purple-500);
--color-accent-orange:var(--orange-500);
--color-accent-pink:var(--pink-500);
--color-accent-blue:var(--blue-500);

--color-canvas:var(--white);
--color-canvas-dark:var(--teal-950);
--color-surface:var(--mist-100);
--color-surface-soft:var(--mist-150);
--color-surface-feature:var(--accent-blue-50);
--color-hairline:var(--mist-200);
--color-hairline-soft:var(--mist-150);
--color-hairline-strong:var(--mist-300);
--color-hairline-dark:rgba(255,255,255,0.16);

--color-ink:var(--ink-950);
--color-charcoal:var(--slate-800);
--color-slate:var(--slate-600);
--color-steel:var(--slate-500);
--color-stone:var(--slate-400);
--color-muted:var(--slate-300);
--color-on-dark:var(--white);
--color-on-dark-muted:rgba(255,255,255,0.7);
--color-on-primary:var(--teal-950);
--color-primary-pressed:var(--accent-blue-600);
--color-cta-pressed:var(--accent-blue-600);

--color-warning-bg:var(--yellow-100);
--color-warning-text:var(--yellow-700);
}