:root{
--n9-ink:#101114;
--n9-cobalt:#1b3bd6;
--n9-steel:#5a6070;
--n9-concrete:#dcdee4;
--n9-chalk:#fafaf8;
--n9-status-settled:#0e7c5a;
--n9-status-overdue:#b4231f;
--n9-status-atrisk:#8a6d1f;
--n9-status-inprogress:var(--n9-cobalt);
--surface-page:var(--n9-chalk);
--surface-inverse:var(--n9-ink);
--surface-sunken:#f1f1ef;
--text-primary:var(--n9-ink);
--text-secondary:var(--n9-steel);
--text-inverse:var(--n9-chalk);
--text-on-cobalt:#ffffff;
--action-primary:var(--n9-cobalt);
--action-primary-hover:#1730a8;
--action-primary-active:#122480;
--border-default:var(--n9-concrete);
--border-strong:var(--n9-steel);
--divider:var(--n9-concrete);
}