:root{
/* ---- Brand teal (primary) — from Clinitia decks & product screens ---- */
--teal-950:#071e1e;
--teal-900:#0a1f21;
--teal-800:#0f4d4d;
--teal-700:#116161;
--teal-600:#137a7a;
--teal-500:#19a3a3;
--teal-300:#86d9d3;
--teal-100:#d7e1df;
--teal-50:#eef7f5;

/* ---- Neutral slate (muted secondary text, borders) ---- */
--slate-700:#2b3d3f;
--slate-500:#566c6e;
--slate-300:#9aaeb0;
--slate-100:#f6f8f7;

/* ---- Accent lime (the Clinitia mark) ---- */
--lime-600:#6fb84c;
--lime-500:#8ed36a;
--lime-300:#c3ea9a;
--lime-100:#e4f0ea;

/* ---- Semantic ---- */
--red-600:#d92626;
--red-500:#ff3131;
--red-100:#fde6e6;
--blue-600:#2f6fa8;
--blue-500:#4a90d9;
--blue-100:#e6f0fa;
--amber-600:#b5790b;
--amber-500:#e8a93a;
--amber-100:#fbf0dd;

/* ---- Surfaces ---- */
--white:#ffffff;
--surface:#ffffff;
--surface-sunken:#f6f8f7;
--surface-tint:#eef7f5;
--border:#d7e1df;
--border-strong:#9aaeb0;

/* ---- Semantic aliases ---- */
--brand-primary:var(--teal-800);
--brand-primary-hover:var(--teal-700);
--brand-primary-active:var(--teal-900);
--brand-accent:var(--lime-500);
--brand-accent-hover:var(--lime-600);
--text-heading:var(--teal-900);
--text-body:var(--slate-700);
--text-muted:var(--slate-500);
--text-on-dark:#ffffff;
--text-on-dark-muted:var(--teal-300);
--link:var(--teal-700);
--link-hover:var(--teal-800);
--danger:var(--red-500);
--info:var(--blue-500);
--warning:var(--amber-500);
--success:var(--lime-600);
}