:root, body.theme-dark {
    --bg-primary: #1e2329;
    --bg-secondary: #2a2f36;
    --bg-card: #32363e;
    --bg-card-hover: #3a3f47;
    
    --text-primary: #ffffff;
    --text-secondary: #b0b6bd;
    --text-muted: #8b9097;
    
    --accent-primary: #00b4d8;
    --accent-hover: #0096c7;
    --success: #10b981;
    --warning: #f59e0b;
    
    --border-primary: rgba(255, 255, 255, 0.1);
    --border-secondary: rgba(255, 255, 255, 0.06);
    
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.15);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.2);
    
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
}

body.theme-cyberpunk {
    --bg-primary: #0a0a0f;
    --bg-secondary: #151520;
    --bg-card: #1a1a2e;
    --bg-card-hover: #1f1f35;
    
    --text-primary: #e6d9ff;
    --text-secondary: #c9aaff;
    --text-muted: #b3b3b3;
    
    --accent-primary: #00e5cc;
    --accent-hover: #00b3a0;
    --success: #00e5cc;
    --warning: #ff9500;
    
    --border-primary: rgba(138, 43, 226, 0.25);
    --border-secondary: rgba(201, 170, 255, 0.15);
    
    --shadow-sm: 0 2px 8px rgba(138, 43, 226, 0.15);
    --shadow-md: 0 4px 16px rgba(138, 43, 226, 0.25);
    
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
}

body.theme-ocean {
    --bg-primary: #0a1628;
    --bg-secondary: #162d4d;
    --bg-card: #1e3a66;
    --bg-card-hover: #274775;
    
    --text-primary: #ffffff;
    --text-secondary: #7dd3fc;
    --text-muted: #0ea5e9;
    
    --accent-primary: #0ea5e9;
    --accent-hover: #0284c7;
    --success: #14b8a6;
    --warning: #f59e0b;
    
    --border-primary: rgba(14, 165, 233, 0.15);
    --border-secondary: rgba(14, 165, 233, 0.08);
    
    --shadow-sm: 0 2px 8px rgba(14, 165, 233, 0.15);
    --shadow-md: 0 4px 16px rgba(14, 165, 233, 0.25);
    
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
}

body.theme-light {
    --bg-primary: #f8fafc;
    --bg-secondary: #f1f5f9;
    --bg-card: #ffffff;
    --bg-card-hover: #f8fafc;
    
    --text-primary: #1e293b;
    --text-secondary: #475569;
    --text-muted: #64748b;
    
    --accent-primary: #38bdf8;
    --accent-hover: #0ea5e9;
    --success: #10b981;
    --warning: #f59e0b;
    
    --border-primary: rgba(30, 41, 59, 0.1);
    --border-secondary: rgba(30, 41, 59, 0.05);
    
    --shadow-sm: 0 2px 8px rgba(30, 41, 59, 0.08);
    --shadow-md: 0 4px 16px rgba(30, 41, 59, 0.12);
    
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
}

body.theme-fox {
    --bg-primary: #1a0f0a;
    --bg-secondary: #2d1b12;
    --bg-card: #3d2518;
    --bg-card-hover: #4a2f1f;

    --text-primary: #fff5f0;
    --text-secondary: #ffb380;
    --text-muted: #cc8866;

    --accent-primary: #ff6b35;
    --accent-hover: #e55a2b;
    --success: #4ade80;
    --warning: #ffa726;

    --border-primary: rgba(255, 107, 53, 0.2);
    --border-secondary: rgba(255, 107, 53, 0.1);

    --shadow-sm: 0 2px 8px rgba(255, 107, 53, 0.15);
    --shadow-md: 0 4px 16px rgba(255, 107, 53, 0.25);

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
}

body.theme-fixpricevpn {
    --bg-primary: #0a0f1a;
    --bg-secondary: #1a1f2e;
    --bg-card: #1f2733;
    --bg-card-hover: #252b38;

    --text-primary: #e0f6ff;
    --text-secondary: #40e0d0;
    --text-muted: #7cc5d9;

    --accent-primary: #ff4444;
    --accent-hover: #ff2222;
    --success: #00d4ff;
    --warning: #ff6b35;

    --border-primary: rgba(255, 68, 68, 0.4);
    --border-secondary: rgba(64, 224, 208, 0.15);

    --shadow-sm: 0 2px 8px rgba(255, 0, 64, 0.15);
    --shadow-md: 0 4px 16px rgba(255, 0, 64, 0.25);

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
}

body.theme-fixpricevpn .copy-link-text {
    color: #ff7777;
}

body.theme-fixpricevpn .copy-link-text:hover {
    color: #ff9999;
}

body.theme-fixpricevpn .btn-primary {
    background: #ff4757;
    color: #000000;
}

body.theme-fixpricevpn .btn-primary:hover {
    background: #ff6b7a;
    color: #000000;
}

body.theme-fixpricevpn .language-toggle-slider {
    background: linear-gradient(135deg, #ff4757 0%, #ff6b7a 100%);
}

body.theme-fixpricevpn .step-content p {
    color: #88c5d9;
}