/**
 * BikeRoute Design-System - zentrale Variablen.
 * Alle Farben/Radien/Schatten werden ausschließlich hierüber gesteuert.
 */
:root {
    /* --- Markenfarben (Blau) ------------------------------------------ */
    --br-primary: #1976F3;
    --br-primary-light: #4DA3FF;
    --br-primary-dark: #0F5FC4;
    --br-primary-very-light: #EAF4FF;

    /* --- Grundflächen --------------------------------------------------- */
    --br-background: #F6F9FC;
    --br-surface: #FFFFFF;

    /* --- Text ------------------------------------------------------------ */
    --br-text: #172033;
    --br-muted: #64748B;

    /* --- Status ------------------------------------------------------------ */
    --br-success: #16A34A;
    --br-success-bg: #EAFBF1;
    --br-danger: #E23B3B;
    --br-danger-bg: #FDECEC;

    /* --- Glassmorphism --------------------------------------------------- */
    --br-glass: rgba(255, 255, 255, 0.72);
    --br-glass-strong: rgba(255, 255, 255, 0.85);
    --br-glass-border: rgba(255, 255, 255, 0.75);
    --br-glass-blur: 18px;

    /* --- Schatten ------------------------------------------------------------ */
    --br-shadow-sm: 0 2px 8px rgba(30, 70, 120, 0.06);
    --br-shadow: 0 8px 30px rgba(30, 70, 120, 0.08);
    --br-shadow-lg: 0 16px 48px rgba(30, 70, 120, 0.14);

    /* --- Radien ------------------------------------------------------------ */
    --br-radius-sm: 10px;
    --br-radius-md: 16px;
    --br-radius-lg: 22px;
    --br-radius-pill: 999px;

    /* --- Abstände (kompatibel zu bestehenden Layouts) --------------------- */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 1rem;
    --space-4: 1.5rem;
    --space-5: 2.5rem;
    --space-6: 4rem;

    /* --- Typografie ------------------------------------------------------------ */
    --br-font-sans: 'Inter', 'Segoe UI', system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;
    --font-size-base: clamp(1rem, 0.95rem + 0.2vw, 1.05rem);

    /* --- Bewegung ------------------------------------------------------------ */
    --br-transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
    --br-transition: 250ms cubic-bezier(0.4, 0, 0.2, 1);

    /* --- Bootstrap-Variablen überschreiben (nur, wo BikeRoute-Werte gelten sollen) */
    --bs-primary: var(--br-primary);
    --bs-primary-rgb: 25, 118, 243;
    --bs-body-font-family: var(--br-font-sans);
    --bs-body-color: var(--br-text);
    --bs-body-bg: var(--br-background);
    --bs-border-radius: var(--br-radius-sm);
    --bs-border-radius-lg: var(--br-radius-md);
}

@media (prefers-reduced-motion: reduce) {
    :root {
        --br-transition-fast: 0ms;
        --br-transition: 0ms;
    }
}