/* Bordes, radios y sombras. Lenguaje industrial: casi todo plano, con línea de 1 px.
   La sombra solo aparece en elementos que flotan (menú, diálogo, toast). */
:root{
--radius-0:0;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--radius-xl:12px;--radius-pill:999px;
--radius-control:var(--radius-sm);--radius-card:var(--radius-md);--radius-media:var(--radius-0);
--border-width:1px; /* @kind other */
--border-width-thick:2px; /* @kind other */
--border-rule:3px; /* @kind other */
--shadow-none:none;
--shadow-raise:0 1px 2px rgba(0,46,82,.10);
--shadow-card:0 2px 8px rgba(0,46,82,.08);
--shadow-hover:0 6px 18px rgba(0,46,82,.12);
--shadow-overlay:0 16px 40px rgba(0,24,43,.22);
--shadow-focus:0 0 0 3px rgba(0,166,202,.35);
--rule-accent:inset 0 -3px 0 var(--alv-cyan-500);
--rule-top-accent:inset 0 3px 0 var(--alv-cyan-500);
}