/* Gedeelde design-tokens (MD3-achtig) — gebruikt door shop én admin-voorbeeld. */
: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;
    --shape-xs: 4px;  --shape-sm: 8px;  --shape-md: 12px;
    --shape-lg: 16px; --shape-xl: 28px; --shape-full: 9999px;
    --motion-standard: cubic-bezier(0.2, 0, 0, 1);
    --duration-short: 200ms;
    --duration-medium: 300ms;
}