:root{
--shadow-sm:0 1px 2px rgba(4,50,140,0.06),0 1px 1px rgba(4,50,140,0.04);
--shadow-md:0 4px 12px rgba(4,50,140,0.08),0 2px 4px rgba(4,50,140,0.05);
--shadow-lg:0 12px 32px rgba(4,50,140,0.12),0 4px 8px rgba(4,50,140,0.06);
--shadow-inset:inset 0 1px 2px rgba(11,27,43,0.06);
--ease-out:cubic-bezier(.16,1,.3,1);/* @kind other */
--ease-in-out:cubic-bezier(.65,0,.35,1);/* @kind other */
--dur-fast:120ms;/* @kind other */--dur-med:220ms;/* @kind other */--dur-slow:400ms;/* @kind other */
--grain-bg:radial-gradient(circle at 1px 1px, rgba(11,27,43,0.05) 1px, transparent 0);/* @kind other */
--gradient-brand:linear-gradient(135deg,var(--navy-900) 0%,var(--blue-600) 55%,var(--red-600) 130%);
--gradient-primary:linear-gradient(180deg,var(--navy-800) 0%,var(--navy-900) 100%);
}
body{background-color:var(--surface-page);background-image:var(--grain-bg);background-size:14px 14px;}