:root {
    /* ✳ Base Colors - Bold & Vibrant Dark Theme */
    --dark-bg-color: #0d0d1f;         /* Extra deep navy for body */
    --primary-cta: #e94560;           /* Vivid Neon Pink/Red for actions */
    --cta-hover: #c22941;             /* Darkened tone for hover state */
    --accent-blue: #182747;           /* Navy-Blue with depth */
    --accent-purple: #6C4AB6;         /* Rich royal purple */
    --accent-cyan: #00FFF5;           /* Glowing cyan for neon-like accents */
    --accent-gold: #FFD369;           /* Futuristic gold for highlights */

    /* ✍ Text Colors */
    --text-light: #e5e7eb;            /* Soft white */
    --text-muted: #94a3b8;            /* Cool muted grey-blue */

    /* 🃏 Card & Surface */
    --card-bg-dark: rgba(255, 255, 255, 0.05);   /* Translucent for depth */
    --card-border-dark: rgba(255, 255, 255, 0.12); /* Subtle border */
    --card-hover-glow: rgba(0, 255, 245, 0.1);    /* Cyan card glow on hover */

    /* 🧱 Shadows */
    --shadow-dark-light: rgba(0, 0, 0, 0.3);
    --shadow-dark-medium: rgba(0, 0, 0, 0.6);
    --shadow-dark-heavy: rgba(0, 0, 0, 0.8);

    /* 🟢 Utility Colors */
    --success-color: #00d181;         /* Bright Emerald */
    --error-color: #ff4d4f;           /* Sharp danger red */
    --warning-color: #facc15;         /* Yellow/Gold alert */

    /* ✨ Effects */
    --glow-color: rgba(233, 69, 96, 0.5);   /* CTA glow */
    --cyan-glow: rgba(0, 255, 245, 0.4);    /* Accent glow */
    --neon-ring: 0 0 10px var(--accent-cyan), 0 0 20px var(--accent-cyan);

    /* ⚙ General Styles */
    --transition-speed: 0.3s ease;
    --border-radius: 10px;

    /* 🔝 Header */
    --header-transparent-link-color: var(--text-light);
    --header-logo-initial: var(--accent-gold);
    --header-logo-accent: var(--primary-cta);
    --header-scrolled-bg: var(--accent-blue);
    --header-scrolled-link-color: var(--text-light);
    --header-dropdown-bg: var(--accent-blue);
    --header-dropdown-text: var(--text-light);
    --header-dropdown-hover: var(--primary-cta);
    --header-dropdown-border: var(--card-border-dark);
    --header-mobile-menu-bg: var(--accent-blue);

    /* 🦸 Hero Section */
    --hero-section-bg: var(--dark-bg-color);
    --hero-container-bg: var(--card-bg-dark);
    --hero-text-color: var(--text-light);
    --hero-heading-color: var(--accent-gold);
    --hero-accent-color: var(--accent-cyan);
    --hero-button-bg: var(--primary-cta);
    --hero-button-hover-bg: var(--cta-hover);
    --hero-countdown-bg: var(--accent-purple);
    --hero-countdown-text: #ffffff;
    --hero-discount-badge-bg: var(--success-color);
    --hero-discount-badge-text: #000000;
    --hero-guarantee-text: var(--text-muted);
    --hero-guarantee-icon: var(--accent-cyan);
    --hero-check-mark: var(--success-color);
    --hero-image-bg-shape: linear-gradient(135deg, var(--accent-purple) 0%, var(--accent-cyan) 100%);
    
    /* 🦶 Footer */
    --footer-bg: var(--accent-blue);
    --footer-text: var(--text-light);
    --footer-link: var(--accent-cyan);
    --footer-link-hover: var(--primary-cta);
}