:root{
--navy-950:#020D29;
--navy-900:#071433;
--navy-800:#0E1F42;
--navy-700:#182C55;
--navy-600:#28406f;
--pink-100:#F7CCE0;
--pink-200:#f2b8d4;
--pink-300:#e89ec2;
--white:#FFFFFF;
--steel-100:#EDEFF3;
--steel-200:#D6DAE2;
--steel-300:#AEB5C2;
--steel-400:#7C8698;
--steel-600:#4B5566;
--success:#3FA66B;
--warning:#E0A93B;
--danger:#D9534F;

--bg-canvas:var(--navy-950);
--bg-surface:var(--navy-900);
--bg-surface-raised:var(--navy-800);
--bg-inverse:var(--white);
--border-subtle:rgba(255,255,255,0.12);
--border-default:rgba(255,255,255,0.22);
--accent-primary:var(--pink-100);
--accent-primary-hover:var(--pink-200);
--accent-primary-active:var(--pink-300);
--text-on-navy-primary:var(--white);
--text-on-navy-secondary:var(--steel-300);
--text-on-navy-tertiary:var(--steel-400);
--text-on-light-primary:var(--navy-950);
--text-on-light-secondary:var(--steel-600);
--text-accent:var(--pink-100);
}