/* Устрій — простір, радіуси, тіні, фокус. 4px-крок. */
:root{
--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;
--radius-control:12px;--radius-card:16px;--radius-pill:999px;--radius-full:999px;
--shadow-card:0 2px 10px rgba(20,28,26,.05);--shadow-raised:0 6px 20px rgba(20,28,26,.08);--shadow-overlay:0 12px 40px rgba(20,28,26,.16);
--focus-shadow:0 0 0 2px var(--surface-card),0 0 0 4px var(--focus-ring);--target-min:44px;--control-h:40px;
}