:root{
--primary:#5C77AB;
--primary-light:#92A8D1;
--primary-dark:#3E5580;
--accent:#17233D;
--accent-light:#24365C;
--background:#F8FAFC;
--surface-alt:#EEF2F8;
--border:#D6DFEC;
--on-accent:#EEF3FA;
--primary-rgb:92, 119, 171;
--primary-light-rgb:146, 168, 209;
--primary-dark-rgb:62, 85, 128;
--hairline:rgba(92, 119, 171,0.30);
--hairline-soft:rgba(92, 119, 171,0.16);
}