/* ==========================================================================
   MNX15 Design System — Spacing, radius, shadow & container tokens
   Reconstructed from the literal pixel values used across the storefront:
   16px page padding, 24px card padding, 40px section gaps; one card shadow;
   restrained 4px / 10px radii; container widths capped at 720/900/1170px.
   ========================================================================== */
:root {
    --sp-1: 4px;
    --sp-2: 8px;
    --sp-3: 12px;
    --sp-4: 16px;
    --sp-5: 24px;
    --sp-6: 32px;
    --sp-7: 40px;
    --sp-8: 48px;
    --sp-9: 60px;
    --sp-10: 64px;
    --sp-11: 80px;
    --sp-12: 104px;

    --radius-sm: 4px;
    --radius-pill: 10px;

    --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.08);

    --container-max-sm: 720px;
    --container-max-md: 900px;
    --container-max-lg: 1170px;
}