: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;--sp-16:64px;--sp-24:96px;
/* corners: marks & tiles stay square; interactive surfaces are softly rounded (2026 refresh) */
--radius-0:0px;
--radius-sm:4px;
--radius-md:8px;
--radius-interactive:10px; /* buttons, inputs */
--radius-card:16px; /* cards, panels, media frames */
--radius-lg:16px;
--radius-pill:999px;
--container:1200px; /* @kind spacing */
--logo-safe-x:1em; /* @kind spacing */ /* logo safe area = width of letter E on all sides (Slide 5) */
}