/* Shared spacing scale for the shop and staff application. */
:root {
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-6: 24px;
    --space-8: 32px;
    --space-12: 48px;
    --space-16: 64px;
    --page-gutter: clamp(16px, 4vw, 64px);
    --section-space: clamp(32px, 5vw, 64px);
    --panel-space: 24px;
}
@media (max-width: 767px) {
    :root { --panel-space: 16px; }
}