:root {

    /* Farben */
    --color-background: #f4f6fb;
    --color-surface: #ffffff;
    --color-primary: #5b6cff;
    --color-primary-soft: #e8ebff;
    --color-text: #2b2e3a;
    --color-text-soft: #6b6f80;
    --color-border: #dcdff0;

    /* Schrift */
    --font-main: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

    --font-size-small: 14px;
    --font-size-normal: 16px;
    --font-size-large: 20px;
    --font-size-title: 28px;

    /* Abstände */
    --space-xs: 4px;
    --space-s: 8px;
    --space-m: 16px;
    --space-l: 24px;
    --space-xl: 32px;
    --space-xxl: 56px;

    /* Formen */
    --radius-small: 8px;
    --radius-medium: 14px;
    --radius-large: 22px;

    /* Schatten */
    --shadow-soft: 0 6px 18px rgba(0,0,0,0.08);

}