/* Prae — color tokens. Sources: Brand Book (Web) + Prae Website Mockups.fig */
:root{
/* Brand ramp (brand book) */
--blue-300:#57a8f7;--blue-500:#377df6;--blue-700:#1438e4;--navy-950:#050c26;--black:#000000;
/* Logo / product blues (as shipped in current logo + website mockups) */
--brand-sky:#4e9ad4;--brand-slate:#4e76ba;--brand-royal:#1a4a9c;--brand-navy:#06215a;--brand-ink:#100e27;
--brand-blue-mid:#2057b1;--brand-blue-deep:#0b42a1;--brand-cta:#489fe2;
/* Tints & washes */
--wash-periwinkle:#c9d8f0;--wash-ice:#dcf6ff;--wash-hero:linear-gradient(180deg,#c9d8f0 0%,#ffffff 50%); /* @kind other */
/* Neutrals */
--white:#ffffff;--gray-100:#f1f1f1;--gray-300:#d9d9d9;--gray-600:#666666;--mono-light:#f2f1f2;--mono-mid:#cbcccb;--mono-dark:#989897;
/* Semantic */
--risk-good:#1dbf69;--risk-good-deep:#276234;--risk-bad:#ff4d4d;--risk-bad-text:#b33636;--risk-warn:#fdb972;
/* Aliases */
--text-body:var(--brand-ink);--text-muted:var(--gray-600);--text-inverse:var(--white);
--surface-page:var(--white);--surface-section:var(--brand-navy);--surface-card:var(--white);--surface-glass:rgba(255,255,255,0.3);
--accent:var(--brand-cta);--accent-deep:var(--brand-royal);--link:var(--brand-blue-mid);
--shadow-soft:0 4px 4px rgba(0,0,0,0.25);
--radius-card:15px;--radius-row:10px;--radius-pill:999px;
}