:root {
    /* Farben */
    --color-primary: #FC9801;
    --color-primary-dark: #FC9801;
    --color-primary-light: #ffe7ca;
    --color-accent: #FC9801;
    --color-accent-light: #fff1e6;
    --color-background: #fff;
    /* --color-background: #f5f7f4; */
    --color-surface: #ffffff;
    --color-text: #1c1f1d;
    --color-muted: #6b716c;
    --color-border: #e2e5e1;
    --color-danger: #d64545;
    --color-danger-light: #fbeaea;
    --color-success: #FC9801;

    /* Radien & Schatten */
    --radius-sm: 5px;
    --radius-card: 14px;
    --radius-pill: 999px;
    --shadow-card: 0 2px 10px rgba(20, 30, 20, 0.08);
    --shadow-elevated: 0 10px 28px rgba(20, 30, 20, 0.16);

    /* Abstaende */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;

    /* Typografie */
    font-family: 'Calibri', 'Gill Sans MT', Gill Sans, 'Trebuchet MS', sans-serif;
    --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --font-size-sm: 0.8125rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.375rem;
    --font-size-2xl: 1.75rem;
    --font-size-location: 2.5rem;

    /* Layout */
    --app-max-width: 480px;
    --header-height: 40px;
    --bottom-nav-height: 68px;
    --touch-target: 44px;

    --z-header: 20;
    --z-bottom-nav: 20;
}