:root {
    /* Markenfarben */
    --lp-color-primary: #6381a8;
    --lp-color-primary-dark: #4f6f93;
    --lp-color-primary-light: #eef3f9;
    --lp-color-primary-soft: rgba(99, 129, 168, .12);

    /* Texte */
    --lp-color-text: #173c7e;
    --lp-color-text-dark: #111827;
    --lp-color-text-muted: #6b7280;

    /* Flächen */
    --lp-color-white: #fff;
    --lp-color-background: #fff;
    --lp-color-surface: #fff;
    --lp-color-surface-soft: rgba(255, 255, 255, .92);

    /* Linien */
    --lp-color-border: rgba(17, 24, 39, .08);
    --lp-color-border-primary: rgba(99, 129, 168, .18);

    /* Schatten */
    --lp-shadow-sm: 0 6px 18px rgba(17, 24, 39, .08);
    --lp-shadow-md: 0 12px 32px rgba(17, 24, 39, .12);
    --lp-shadow-lg: 0 18px 50px rgba(17, 24, 39, .14);
    --lp-shadow-primary: 0 14px 35px rgba(99, 129, 168, .16);

    /* Radien */
    --lp-radius-sm: 8px;
    --lp-radius-md: 14px;
    --lp-radius-lg: 22px;
    --lp-radius-pill: 999px;
    --lp-radius-circle: 50%;

    /* Abstände */
    --lp-space-1: 4px;
    --lp-space-2: 8px;
    --lp-space-3: 12px;
    --lp-space-4: 16px;
    --lp-space-5: 20px;
    --lp-space-6: 24px;
    --lp-space-8: 32px;
    --lp-space-10: 40px;

    /* Typografie */
    --lp-font-family: inherit;
    --lp-font-size-sm: 13px;
    --lp-font-size-base: 16px;
    --lp-font-size-lg: 18px;
    --lp-font-size-xl: 24px;
    --lp-font-weight-normal: 400;
    --lp-font-weight-medium: 500;
    --lp-font-weight-semibold: 600;
    --lp-font-weight-bold: 700;
    --lp-font-weight-extrabold: 800;

    /* Animationen */
    --lp-transition-fast: .2s ease;
    --lp-transition-base: .25s ease;
    --lp-transition-slow: .4s ease;

    /* Ebenen */
    --lp-z-base: 1;
    --lp-z-dropdown: 100;
    --lp-z-floating: 9999;
    --lp-z-overlay: 99999;
}

.lp-text-primary {
    color: var(--lp-color-primary);
}

.lp-text-dark {
    color: var(--lp-color-text-dark);
}

.lp-text-muted {
    color: var(--lp-color-text-muted);
}

.lp-surface {
    background: var(--lp-color-surface);
    border: 1px solid var(--lp-color-border);
    border-radius: var(--lp-radius-lg);
    box-shadow: var(--lp-shadow-sm);
}