:root{
/* Radii — Paywise: 4 tags · 8 small buttons · 10 inputs/buttons · 16 cards/modals · 20 sheets · pill */
--radius-xs:4px;--radius-sm:8px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-pill:100px;
--border-width:1px;--border-width-input:1.5px;
/* Shadows — navy-tinted (rgb 27,43,107) */
--shadow-none:none;
--shadow-1:0 1px 4px rgba(27,43,107,.06);
--shadow-card:0 2px 12px rgba(27,43,107,.08);
--shadow-2:0 8px 32px rgba(27,43,107,.14);
--shadow-3:0 20px 60px rgba(27,43,107,.25);
/* Motion — short, ease-out, no bounce */
--ease-out:cubic-bezier(.2,.7,.2,1);/* @kind other */--ease-in-out:cubic-bezier(.45,0,.25,1);/* @kind other */
--dur-fast:150ms;/* @kind other */--dur-base:180ms;/* @kind other */--dur-slow:260ms;/* @kind other */
--z-sticky:10;/* @kind other */--z-dropdown:30;/* @kind other */--z-sheet:40;/* @kind other */--z-dialog:50;/* @kind other */--z-toast:60;/* @kind other */
}