:root{
/* Base palette */
--teal-700:#0F766E; /* primary accent: buttons, links, labels, rules, icons */
--teal-500:#14B8A6;
--teal-400:#2DD4BF; /* accent on dark navy surfaces */
--teal-200:#99F6E4;
--teal-100:#CCFBF1;
--teal-050:#F0FDFA;
--navy-900:#0F1923; /* headings, dark bands, logo field */
--navy-800:#16222E;
--navy-700:#1E2D3B;
--slate-700:#334155;
--slate-600:#475569;
--slate-500:#64748B;
--slate-400:#94A3B8;
--slate-300:#CBD5E1;
--slate-200:#E2E8F0;
--slate-100:#F1F5F9;
--white-near:#F8FAFC; /* page + section backgrounds */
--white:#FFFFFF;
/* Semantic aliases */
--accent:var(--teal-700);
--accent-on-dark:var(--teal-400);
--text-heading:var(--navy-900);
--text-body:var(--slate-600);
--text-muted:var(--slate-500);
--text-on-dark:#F8FAFC;
--text-on-dark-muted:#B8C4CE;
--surface-page:var(--white-near);
--surface-card:var(--slate-100);
--surface-card-raised:var(--white);
--surface-dark:var(--navy-900);
--border-default:var(--slate-200);
--border-strong:var(--slate-300);
--rule-accent:var(--teal-700);
--link:var(--teal-700);
--link-hover:#0B5D57;
/* Status */
--status-live:var(--teal-700);
--status-next-bg:var(--navy-900);
--risk-critical:#B91C1C;
--risk-warning:#B45309;
--risk-ok:var(--teal-700);
}
