/**
 * Spacing- und Radius-Tokens. Basierend auf der Slate-Design-Spezifikation §4.
 */

:root {
    /* Spacing-Skala (px) */
    --space-1: 2px;
    --space-2: 4px;
    --space-3: 6px;
    --space-4: 8px;
    --space-5: 10px;
    --space-6: 12px;
    --space-7: 14px;
    --space-8: 16px;
    --space-9: 18px;
    --space-10: 22px;
    --space-11: 24px;
    --space-12: 28px;
    --space-13: 32px;

    /* Radien */
    --radius-control: 9px; /* Buttons / Inputs */
    --radius-card: 12px;
    --radius-modal: 16px;
    --radius-pill: 20px;
    --radius-badge: 7px;
}