:root {
    --color-bg: #ffffff;
    --color-bg-alt: #f7f3ec;
    --color-bg-dark: #1a1a1a;
    --color-surface: #ffffff;
    --color-text: #1c1c1c;
    --color-text-muted: #5b5b5b;
    --color-text-soft: #8a8a8a;
    --color-text-inverse: #ffffff;
    --color-border: #e6e1d8;
    --color-border-soft: #f0eae0;

    /* Brand: warmes Champagner/Gold */
    --color-primary: #b58e5a;
    --color-primary-deep: #7a5d33;
    --color-primary-hover: #9a7745;
    --color-primary-soft: #f3ead9;
    --color-primary-tint: #fbf6ec;

    --color-accent: #1a1a1a;
    --color-success: #2f8f3f;
    --color-rating: #f5b400;

    /* Verläufe */
    --gradient-primary:  linear-gradient(135deg, #b69154 0%, #ffc1b4 100%);
    --gradient-soft:     linear-gradient(180deg, #ffffff 0%, #f7f3ec 100%);
    --gradient-warm:     linear-gradient(135deg, #f3ead9 0%, #e7d3ad 100%);
    --gradient-hero:     linear-gradient(180deg, #fdfdfd 0%, #f3ead9 100%);
    --gradient-deep:     linear-gradient(135deg, #1a1a1a 0%, #3a2c1a 55%, #7a5d33 140%);

    --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

    --fs-xs: 0.8125rem;
    --fs-sm: 0.9375rem;
    --fs-base: 1.0625rem;
    --fs-md: 1.1875rem;
    --fs-lg: 1.4375rem;
    --fs-xl: 1.875rem;
    --fs-2xl: 2.5rem;
    --fs-3xl: 3.25rem;
    --fs-4xl: 4.25rem;

    --lh-tight: 1.1;
    --lh-snug: 1.3;
    --lh-base: 1.6;

    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;

    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;
    --space-8: 4rem;
    --space-9: 6rem;
    --space-10: 8rem;

    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 18px;
    --radius-xl: 28px;
    --radius-pill: 999px;

    --shadow-xs: 0 2px 6px rgba(20, 20, 20, 0.04);
    --shadow-sm: 0 6px 16px rgba(20, 20, 20, 0.06);
    --shadow-md: 0 14px 32px rgba(20, 20, 20, 0.08);
    --shadow-lg: 0 24px 48px rgba(20, 20, 20, 0.12);
    --shadow-primary: 0 12px 28px rgba(181, 142, 90, 0.28);

    --container-max: 1240px;
    --container-narrow: 820px;

    /* Header: fixe Höhe — KEIN Shrink-in-Height (nur Schatten ändert sich) */
    --header-height: 124px;
    --header-height-mobile: 70px;

    --transition-fast: 150ms ease;
    --transition-base: 250ms ease;
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);

    --signet-url: url('/assets/img/logos/kuzbari-signet.svg');
}

@media (max-width: 980px) {
    :root { --header-height: var(--header-height-mobile); }
}