:root{
--nf-blue:#027bfd;
--nf-blue-dark:#003984;
--nf-purple:#b199ff;
--nf-purple-light:#d1c1f5;
--nf-orange:#dd6928;
--nf-orange-2:#e6662b;
--nf-green:#4cd79b;
--nf-green-dark:#046540;
--nf-green-mid:#2b9579;
--nf-green-light:#83cf87;
--nf-ink:#161616;
--nf-black:#000000;
--nf-white:#ffffff;
--nf-grey-100:#f5f5f5;
--nf-grey-200:#dddddf;
--nf-grey-300:#dadada;
--nf-grey-400:#d9d9d9;
--nf-grey-900:#1d1f23;
--surface-page:var(--nf-white);
--surface-muted:var(--nf-grey-300);
--surface-inverse:var(--nf-ink);
--brand-primary:var(--nf-blue);
--brand-secondary:var(--nf-purple);
--text-primary:var(--nf-ink);
--text-on-brand:var(--nf-white);
--text-muted:rgba(22,22,22,0.55);
--text-ghost:rgba(22,22,22,0.15);
--border-hairline:var(--nf-blue);
--shadow-soft:0 4px 5px rgba(0,0,0,0.25);
}