/* Design variables for thecyberlearn.in */
:root {
    /* Color Palette */
    --bg-dark: #07090e;
    --bg-darker: #040508;
    --bg-panel: rgba(13, 18, 31, 0.75);
    --bg-panel-solid: #0d121f;
    --bg-panel-light: #161c2c;
    
    /* Neon Accents */
    --accent-cyan: #00e5ff;
    --accent-cyan-rgb: 0, 229, 255;
    --accent-green: #00f576;
    --accent-green-rgb: 0, 245, 118;
    --accent-purple: #bd00ff;
    --accent-purple-rgb: 189, 0, 255;
    --accent-red: #ff003c;
    --accent-red-rgb: 255, 0, 60;
    --accent-orange: #ff6c00;
    
    /* Text Colors */
    --text-main: #e2e8f0;
    --text-muted: #8892b0;
    --text-dark: #0a0e17;
    
    /* Borders & Outlines */
    --border-cyan: rgba(0, 229, 255, 0.2);
    --border-green: rgba(0, 245, 118, 0.2);
    --border-purple: rgba(189, 0, 255, 0.2);
    --border-red: rgba(255, 0, 60, 0.2);
    --border-light: rgba(226, 232, 240, 0.1);
    
    /* Fonts */
    --font-sans: 'Outfit', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;
    
    /* Transitions */
    --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* Glow & Shadows */
    --glow-cyan: 0 0 12px rgba(0, 229, 255, 0.35);
    --glow-green: 0 0 12px rgba(0, 245, 118, 0.35);
    --glow-purple: 0 0 12px rgba(189, 0, 255, 0.35);
    --glow-red: 0 0 12px rgba(255, 0, 60, 0.35);
    
    --shadow-main: 0 4px 30px rgba(0, 0, 0, 0.4);
    --card-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
}

/* Light Theme Variables */
html[data-theme="light"] {
    --bg-dark: #f0f4f8;
    --bg-darker: #e2e8f0;
    --bg-panel: rgba(255, 255, 255, 0.85);
    --bg-panel-solid: #ffffff;
    --bg-panel-light: #f7fafc;
    
    /* Neon Accents tweaked for readability on light background */
    --accent-cyan: #008ba3;
    --accent-cyan-rgb: 0, 139, 163;
    --accent-green: #009944;
    --accent-green-rgb: 0, 153, 68;
    --accent-purple: #8c00c7;
    --accent-purple-rgb: 140, 0, 199;
    --accent-red: #d60032;
    --accent-red-rgb: 214, 0, 50;
    --accent-orange: #d65a00;
    
    /* Text Colors */
    --text-main: #1e293b;
    --text-muted: #64748b;
    --text-dark: #f8fafc;
    
    /* Borders & Outlines */
    --border-cyan: rgba(0, 139, 163, 0.25);
    --border-green: rgba(0, 153, 68, 0.25);
    --border-purple: rgba(140, 0, 199, 0.25);
    --border-red: rgba(214, 0, 50, 0.25);
    --border-light: rgba(0, 0, 0, 0.08);
    
    /* Glow & Shadows */
    --glow-cyan: 0 0 10px rgba(0, 139, 163, 0.2);
    --glow-green: 0 0 10px rgba(0, 153, 68, 0.2);
    --glow-purple: 0 0 10px rgba(140, 0, 199, 0.2);
    --glow-red: 0 0 10px rgba(214, 0, 50, 0.2);
    
    --shadow-main: 0 4px 30px rgba(0, 0, 0, 0.05);
    --card-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05);
}