/**
 * Dabbas Group Düsseldorf - Theme Color & Typography Variables
 */

/* Default Dark Theme */
:root {
    --bg-main: #080E17;
    --bg-surface: #0E1724;
    --bg-card: #131F30;
    --bg-card-hover: #19293F;
    --bg-overlay: rgba(8, 14, 23, 0.88);

    --border-subtle: rgba(212, 175, 55, 0.18);
    --border-accent: rgba(212, 175, 55, 0.45);
    --border-card: rgba(255, 255, 255, 0.08);

    --text-primary: #FFFFFF;
    --text-secondary: #A0AEC0;
    --text-muted: #718096;
    --text-gold: #D4AF37;
    --text-gold-light: #F3E5AB;

    --accent-gold: #D4AF37;
    --accent-gold-hover: #E5C158;
    --accent-gold-dark: #A88922;
    --accent-gold-bg: rgba(212, 175, 55, 0.12);
    --accent-whatsapp: #25D366;
    --accent-whatsapp-hover: #1DA851;

    --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.35);
    --shadow-glow: 0 0 25px rgba(212, 175, 55, 0.2);

    /* Clean Sans-Serif Modern Stack */
    --font-heading: 'Montserrat', system-ui, -apple-system, sans-serif;
    --font-body: 'Inter', system-ui, -apple-system, sans-serif;
    --font-alt: 'Montserrat', sans-serif;

    --transition-speed: 0.3s;
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-full: 9999px;
}

/* Light Theme Switch */
body.light-theme {
    --bg-main: #F5F7FA;
    --bg-surface: #FFFFFF;
    --bg-card: #FFFFFF;
    --bg-card-hover: #F8FAF9;
    --bg-overlay: rgba(255, 255, 255, 0.95);

    --border-subtle: rgba(197, 160, 89, 0.25);
    --border-accent: rgba(197, 160, 89, 0.5);
    --border-card: rgba(10, 18, 29, 0.08);

    --text-primary: #0D1726;
    --text-secondary: #4A5568;
    --text-muted: #718096;
    --text-gold: #B08C36;
    --text-gold-light: #8E6D21;

    --accent-gold: #C5A059;
    --accent-gold-hover: #B08D46;
    --accent-gold-dark: #8E6D21;
    --accent-gold-bg: rgba(197, 160, 89, 0.12);

    --shadow-card: 0 8px 25px rgba(10, 18, 29, 0.07);
    --shadow-glow: 0 0 20px rgba(197, 160, 89, 0.25);
}