/* Alias verso i token di root (tokens.css). Nessun valore nuovo: solo nomi comodi per l'anteprima.
   I raggi --radius-sm (8) e --radius-md (16) restano quelli di tokens.css. */
:root{
 --line:var(--btn-border-width);
 --radius-lg:var(--radius-md);   /* card 16 (§8) */
 --radius-xl:var(--radius-md);   /* nessun 24 nel brand: card/riquadri grandi 16 */
 --radius-pill:var(--btn-radius-pill);
 --radius-ctl:var(--btn-radius);  /* campi, pannelli, accordion 12 (§8) */
 /* Ombra componenti: unico valore del brand (§9). Scala sm/md/lg DA DEFINIRE: tutte puntano qui. */
 --shadow-component:0 1px 2px rgba(11,11,18,.06),0 12px 32px -12px rgba(11,11,18,.18);
 --shadow-sm:none; --shadow-md:var(--shadow-component); --shadow-lg:var(--shadow-component);
 --media-ratio-card:16/10; --media-ratio-portrait:4/5;
 --avatar:var(--btn-touch-min); --icon-md:var(--btn-md-icon);
 --measure:var(--measure-text);
}
[data-theme="dark"]{--shadow-component:0 1px 2px rgba(0,0,0,.4),0 12px 32px -12px rgba(0,0,0,.6)}