/* So-ee spacing + layout tokens — 4px base, values from So-ee.md `spacing:` and component specs. */
:root{
--space-xxs:4px;
--space-xs:8px;
--space-sm:12px;
--space-md:16px;
--space-lg:24px;
--space-xl:32px;
--space-xxl:48px;
--space-band:64px;      /* off-scale literal used by CTA bands + footer */
--space-section:96px;

/* Component padding literals from the spec */
--pad-button:12px 20px;
--pad-input:10px 14px;
--pad-tab:8px 14px;
--pad-badge:4px 12px;
--pad-card:32px;
--pad-menu-card:20px;
--pad-callout:48px;
--pad-cta-band:64px;

/* Layout */
--container-max:1200px;
--page-gutter:32px;     /* derived — side padding is not specified in the source */
--nav-height:64px;
--control-height:40px;
--icon-button-size:36px;
--avatar-size:40px;

/* Breakpoints (reference only; custom properties can't drive @media) */
--bp-tablet:768px;
--bp-desktop:1024px;
--bp-wide:1440px;
}