/* ============================================
   Theme: Cyber Calendar
   Futurista, neon, vibrante
   Dark void + Violet + Pink + Cyan
   ============================================ */

[data-theme="cyber"] {
    --font-display: 'Outfit', system-ui, sans-serif;
    --font-body: 'Outfit', system-ui, sans-serif;
    --font-mono: 'Fira Code', monospace;

    --bg-primary: #0D0D1A;
    --bg-secondary: #12122A;
    --bg-tertiary: #1A1A3E;
    --bg-card: rgba(26, 26, 62, 0.7);
    --bg-card-hover: rgba(35, 35, 80, 0.85);
    --bg-surface: rgba(255, 255, 255, 0.02);
    --bg-glass: rgba(13, 13, 26, 0.7);

    --fg-primary: #EEEEF8;
    --fg-secondary: #B8B8D4;
    --fg-muted: #7878A8;
    --fg-faint: #4A4A70;

    --accent-primary: #6C3CE1;
    --accent-primary-hover: #8B5CF6;
    --accent-gold: #FF3E8A;
    --accent-gold-hover: #FF6BA6;

    --color-success: #00E5FF;
    --color-warning: #FFB800;
    --color-error: #FF3E8A;
    --color-info: #6C3CE1;

    --border-color: rgba(108, 60, 225, 0.15);
    --border-color-hover: rgba(108, 60, 225, 0.3);
    --border-color-active: rgba(255, 62, 138, 0.5);

    --gradient-hero: linear-gradient(135deg, #0D0D1A 0%, #1A0A30 30%, #0D1A2E 60%, #0D0D1A 100%);
    --gradient-accent: linear-gradient(135deg, #6C3CE1 0%, #FF3E8A 100%);
    --gradient-gold: linear-gradient(135deg, #FF3E8A 0%, #FF6BA6 50%, #00E5FF 100%);
    --gradient-card: linear-gradient(145deg, rgba(26, 26, 62, 0.9) 0%, rgba(13, 13, 26, 0.7) 100%);

    --shadow-sm: 0 1px 3px rgba(108, 60, 225, 0.15);
    --shadow-md: 0 4px 15px rgba(108, 60, 225, 0.2);
    --shadow-lg: 0 8px 30px rgba(108, 60, 225, 0.25);
    --shadow-glow: 0 0 25px rgba(108, 60, 225, 0.3);
    --shadow-gold-glow: 0 0 25px rgba(255, 62, 138, 0.3);

    --glass-bg: rgba(13, 13, 26, 0.7);
    --glass-border: 1px solid rgba(108, 60, 225, 0.15);

    --badge-nacional: #00E5FF;
    --badge-nacional-bg: rgba(0, 229, 255, 0.15);
    --badge-bancario: #6C3CE1;
    --badge-bancario-bg: rgba(108, 60, 225, 0.15);
    --badge-facultativo: #FFB800;
    --badge-facultativo-bg: rgba(255, 184, 0, 0.15);
    --badge-lunar: #FF3E8A;
    --badge-lunar-bg: rgba(255, 62, 138, 0.15);
    --badge-estacao: #00E5FF;
    --badge-estacao-bg: rgba(0, 229, 255, 0.15);

    --day-today-bg: rgba(108, 60, 225, 0.25);
    --day-today-border: rgba(108, 60, 225, 0.6);
    --day-holiday-bg: rgba(0, 229, 255, 0.08);
    --day-hover-bg: rgba(108, 60, 225, 0.1);

    --scrollbar-track: rgba(13, 13, 26, 0.8);
    --scrollbar-thumb: rgba(108, 60, 225, 0.3);
    --scrollbar-thumb-hover: rgba(108, 60, 225, 0.5);
}

/* Cyber-specific glow effects */
[data-theme="cyber"] .card {
    border: 1px solid rgba(108, 60, 225, 0.12);
}
[data-theme="cyber"] .card:hover {
    border-color: rgba(108, 60, 225, 0.3);
    box-shadow: 0 0 30px rgba(108, 60, 225, 0.15), 0 8px 24px rgba(0, 0, 0, 0.3);
}
[data-theme="cyber"] .text-gradient {
    background: linear-gradient(135deg, #6C3CE1, #FF3E8A, #00E5FF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
[data-theme="cyber"] .text-gradient-gold {
    background: linear-gradient(135deg, #FF3E8A, #00E5FF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}