/* Controls, lines, radii, focus, shadow */
:root{
--radius-none:0;        /* panels, buttons, cards, images: square */
--radius-pill:12px;     /* only the identity Neon/BBox switch */
--rule-width:1px;
--indicator-width:4px;  /* selected-tab bar (3px on horizontal/mobile) */
--indicator-width-h:3px;
--bbox-stroke:1.5px;    /* orange corner frame */
--bbox-corner:11px;
--control-height:54px;  /* primary/solid button */
--control-height-sm:44px;
--control-pad-x:21px;
--control-pad-y:16px;
--control-gap:30px;     /* label ↔ arrow inside a button */
--control-arrow:22px;   /* ↗ glyph size in buttons */
--textlink-arrow-gap:18px;
--focus-width:2px;
--focus-offset:5px;
--shadow-raised:0 7px 24px rgba(0,0,0,.13);        /* orange angle-control */
--shadow-raised-hover:0 9px 28px rgba(0,0,0,.27);
--shadow-dialog:0 10px 90px rgba(0,0,0,.31);
--switch-w:34px;--switch-h:20px;--switch-knob:12px;
--touch-min:44px;
}