:root{
--radius-none:0;--radius-xs:3px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;
--border-width-hair:1px;--border-width-mid:1.5px;--border-width-thick:2px;

--shadow-none:none;
--shadow-raise:0 1px 2px rgba(10,24,48,.06);
--shadow-card:0 1px 2px rgba(10,24,48,.05),0 8px 20px -10px rgba(10,24,48,.18);
--shadow-lift:0 2px 4px rgba(10,24,48,.06),0 18px 36px -14px rgba(10,24,48,.24);
--shadow-modal:0 32px 64px -20px rgba(5,13,31,.42);
--shadow-inset-well:inset 0 1px 2px rgba(10,24,48,.08);
--glow-gold:0 0 0 1px rgba(212,166,42,.4),0 0 24px -6px rgba(212,166,42,.45);
--glow-current:0 0 0 1px rgba(233,124,41,.4),0 0 24px -6px rgba(233,124,41,.5);

--ring-focus:0 0 0 2px var(--surface-page),0 0 0 4px var(--focus-ring);
--ring-focus-inverse:0 0 0 2px var(--blue-950),0 0 0 4px var(--focus-ring);

--gradient-nightfall:linear-gradient(180deg,var(--blue-950) 0%,var(--blue-800) 100%); /* @kind color */
--gradient-dawn:linear-gradient(135deg,var(--orange-600) 0%,var(--gold-500) 100%); /* @kind color */
--gradient-veil:linear-gradient(180deg,rgba(5,13,31,0) 0%,rgba(5,13,31,.85) 100%); /* @kind color */
--texture-starfield:radial-gradient(circle at 20% 30%,rgba(237,209,137,.20) 0 1px,transparent 1.4px),radial-gradient(circle at 70% 65%,rgba(237,209,137,.14) 0 1px,transparent 1.4px),radial-gradient(circle at 45% 85%,rgba(240,155,91,.16) 0 1px,transparent 1.4px); /* @kind other */
--texture-grid:linear-gradient(rgba(212,166,42,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(212,166,42,.10) 1px,transparent 1px); /* @kind other */
--texture-grid-size:32px 32px; /* @kind spacing */

--blur-veil:blur(14px); /* @kind other */
--overlay-scrim:rgba(5,13,31,.62); /* @kind color */
}