:root{
/* Corners: the brand is angular. Sharp by default, one soft option for cards. */
--radius-none:0px;
--radius-sm:2px;
--radius-md:4px;
--radius-lg:10px;
--radius-pill:999px;

--border-w:1px; /* @kind spacing */
--border-w-strong:2px; /* @kind spacing */

/* Shadows are used sparingly — the brand prefers flat fills and hairlines */
--shadow-none:none;
--shadow-card:0 1px 0 0 var(--cream-300);
--shadow-raised:0 6px 20px -8px rgba(12,12,20,.18);
--shadow-overlay:0 24px 60px -20px rgba(12,12,20,.35);
--shadow-focus:0 0 0 3px rgba(1,19,238,.28);

--scrim-overlay:rgba(12,12,20,.55);
--blur-overlay:blur(2px); /* @kind other */

--ease-out:cubic-bezier(.2,.7,.2,1); /* @kind other */
--ease-in-out:cubic-bezier(.5,0,.4,1); /* @kind other */
--dur-fast:120ms; /* @kind other */
--dur-base:200ms; /* @kind other */
--dur-slow:400ms; /* @kind other */

--press-scale:0.985; /* @kind other */

--bolt-mask:url("../assets/icons/bolt-blue.png"); /* @kind other */
}