/* ============================================================
   CDL – Global Variables (Design Tokens)
   ============================================================ */

:root {
    /* Brand Colors */
    --primary: #b88652;
    --secondary: #d1a57a;
    /* Text */
    --text: #1a1a1a; /* Standard-Fließtext */
    --text-strong: #0f0f0f; /* Headlines, Hero-Titel */
    --text-muted: #666; /* Secondary text */
    /* Borders & Radius */
    --radius-sm: 8px;
    --radius: 16px;
    --radius-lg: 24px;
    /* Shadows */
    --shadow-soft: 0 8px 32px rgba(0,0,0,0.04);
    --shadow-strong: 0 12px 36px rgba(0,0,0,0.08);
    /* Motion */
    --transition: all 0.25s ease;
    /* Glassmorphism Base */
    --glass-bg: rgba(255,255,255,0.55);
    --glass-bg-strong: rgba(255,255,255,0.75);
    --glass-border: rgba(255,255,255,0.35);
    /* Z-Index Map (Bootstrap-safe!) */
    --z-base: 1;
    --z-nav: 1000;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-floating: 1100;
}