:root{
--navy-900:#101c34;
--navy-700:#1c3054;
--blue-surf:#3b5b8a;
--blue-surf-dark:#2c456b;
--monday-blue:#1d56cf;
--monday-blue-dark:#163f9c;
--saltwater-50:#f3f8fc;
--saltwater-100:#e4eef8;
--saltwater-200:#d0e2f2;
--saltwater-300:#aecbe6;
--oat-milk:#fdf9f2;
--white:#ffffff;
--mustard:#e8a93a;
--mustard-dark:#c98a1f;
--coral:#e2703a;
--coral-dark:#c85a28;
--blush:#e7a8c4;
--blush-dark:#d383a6;
--grass:#4e9a72;
--grass-dark:#357857;
--ink-40:#6b7385;
--ink-20:#c7ccd6;
--ink-10:#e8eaef;
--text-heading:var(--navy-900);
--text-body:var(--navy-700);
--text-muted:var(--ink-40);
--text-on-brand:var(--white);
--text-link:var(--monday-blue);
--text-link-hover:var(--monday-blue-dark);
--surface-page:var(--oat-milk);
--surface-card:var(--white);
--surface-sunken:var(--saltwater-100);
--surface-tint:var(--saltwater-200);
--surface-brand:var(--blue-surf);
--surface-brand-strong:var(--navy-900);
--border-subtle:var(--ink-10);
--border-default:var(--ink-20);
--border-brand:var(--blue-surf);
--brand-primary:var(--monday-blue);
--brand-primary-hover:var(--monday-blue-dark);
--brand-secondary:var(--blue-surf);
--accent-warm-1:var(--mustard);
--accent-warm-2:var(--coral);
--accent-warm-3:var(--blush);
--success:var(--grass);
--warning:var(--mustard);
--danger:var(--coral-dark);
}