/* CyberGhost VPN Template - Official Brand Colors */
/* Primary: #FFCE00 (Yellow), Dark: #1A1625 (Purple-Black) */

:root[data-template="cyberghost"] {
    /* Primary Colors - CyberGhost Yellow */
    --color-primary: #FFCE00;
    --color-primary-hover: #FFD833;
    --color-secondary: #FFB800;
    --color-secondary-hover: #FFC61A;
    --color-accent: #FFD633;
    --color-accent-hover: #FFE066;

    /* Backgrounds - CyberGhost Dark Purple Theme */
    --bg-primary: #1A1625;
    --bg-secondary: #241F33;
    --bg-tertiary: #2E2842;
    --bg-card: rgba(36, 31, 51, 0.95);
    --bg-glass: rgba(36, 31, 51, 0.85);
    --bg-hover: rgba(255, 206, 0, 0.10);

    /* Text Colors */
    --text-primary: #FFFFFF;
    --text-secondary: #B4A8C8;
    --text-tertiary: #8A7FA0;

    /* Borders */
    --border-color: rgba(255, 206, 0, 0.25);
    --border-hover: rgba(255, 206, 0, 0.45);

    /* Shadows & Glows */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.5);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.6);
    --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.7);

    /* Template Specific */
    --template-bg-gradient: linear-gradient(135deg, #1A1625 0%, #241F33 50%, #1A1625 100%);
    --template-glow-primary: 0 0 30px rgba(255, 206, 0, 0.35);
    --template-glow-accent: 0 0 20px rgba(255, 214, 51, 0.30);

    /* Gradients */
    --gradient-primary: linear-gradient(135deg, #FFCE00 0%, #FFB800 100%);
    --gradient-hero: linear-gradient(135deg, #1A1625 0%, #241F33 100%);
}

/* CyberGhost Dark Mode (Default) */
:root[data-template="cyberghost"][data-theme="dark"] {
    --bg-primary: #1A1625;
    --bg-secondary: #241F33;
    --bg-card: rgba(36, 31, 51, 0.95);
    --text-primary: #FFFFFF;
    --text-secondary: #B4A8C8;
}

/* CyberGhost Light Mode */
:root[data-template="cyberghost"][data-theme="light"] {
    --color-primary: #E6B800;
    --color-primary-hover: #FFCE00;
    --bg-primary: #FDF9E8;
    --bg-secondary: #FFFFFF;
    --bg-tertiary: #F5EFD6;
    --bg-card: rgba(255, 255, 255, 0.95);
    --bg-glass: rgba(255, 255, 255, 0.85);
    --text-primary: #1A1625;
    --text-secondary: #4A4358;
    --text-tertiary: #6A6278;
    --border-color: rgba(230, 184, 0, 0.20);
    --border-hover: rgba(230, 184, 0, 0.35);
    --shadow-sm: 0 1px 3px rgba(26, 22, 37, 0.06);
    --shadow-md: 0 4px 12px rgba(26, 22, 37, 0.10);
    --shadow-lg: 0 10px 25px rgba(26, 22, 37, 0.14);
}