:root{
/* Brand — sampled from the 4U logo */
--brand-green:#00AC64;--brand-blue:#3997D4;
--green-700:#00784A;--blue-700:#1F6DA8;
--green-900:#0B2A22;
--green-100:#EAF6F0;--blue-100:#EAF3FB;
--green-200:#CFEBDD;--blue-200:#D3E6F5;
/* Neutrals */
--white:#FFFFFF;--neutral-50:#F5F9F7;--neutral-200:#DDE8E3;--neutral-300:#C7D6CF;
--ink-900:#12232B;--ink-700:#4A5A63;--ink-500:#6B7B84;
/* Semantic */
--success:var(--brand-green);--success-text:var(--green-700);
--error:#E5484D;--error-text:#C62A2F;--error-bg:#FDECEC;
--warning:#F5A524;--warning-text:#8A5700;--warning-bg:#FEF4E2;
/* Surfaces */
--surface-canvas:var(--white);--surface-soft:var(--neutral-50);
--surface-mint:var(--green-100);--surface-sky:var(--blue-100);
--surface-card:var(--white);--surface-footer:var(--green-900);
/* Text */
--text-heading:var(--ink-900);--text-body:var(--ink-700);--text-muted:var(--ink-500);
--text-on-gradient:var(--green-900);--text-on-dark:#FFFFFF;--text-on-dark-muted:#A9C4B9;
--text-link:var(--green-700);--text-link-hover:var(--blue-700);
--stat-green:var(--green-700);--stat-blue:var(--blue-700);
/* Borders */
--border-card:var(--neutral-200);--border-strong:var(--neutral-300);--border-on-dark:rgba(255,255,255,.14);
/* Signature gradient — primary CTA only */
--gradient-brand:linear-gradient(90deg,var(--brand-green) 0%,var(--brand-blue) 100%);
--focus-ring:var(--blue-700);
}