/* ============================================
   Theme: Cosmic Neon
   Black background with neon purple/blue gradients and glowing elements
   ============================================ */

[data-theme="cosmic"],
.theme-cosmic {
    --color-bg: #050510;
    --color-bg-secondary: #0c0c1d;
    --color-card-bg: rgba(12, 12, 29, 0.9);
    --color-text-primary: #e0e0ff;
    --color-text-secondary: #9898cc;
    --color-text-muted: #6060a0;
    --color-border: rgba(128, 128, 255, 0.1);
    --color-input-bg: rgba(5, 5, 16, 0.9);
    --color-primary: #7c3aed;
    --color-primary-light: #a78bfa;
    --color-primary-dark: #5b21b6;
    --color-accent: #06b6d4;
    --color-accent-glow: rgba(6, 182, 212, 0.25);
    --color-surface: rgba(124, 58, 237, 0.08);
    --font-heading: 'Segoe UI', system-ui, sans-serif;
}

[data-theme="cosmic"] body {
    background: var(--color-bg);
    background-image:
        radial-gradient(ellipse at 0% 0%, rgba(124, 58, 237, 0.12) 0%, transparent 50%),
        radial-gradient(ellipse at 100% 100%, rgba(6, 182, 212, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 50% 50%, rgba(124, 58, 237, 0.03) 0%, transparent 80%);
    color: var(--color-text-primary);
}

[data-theme="cosmic"] .navbar {
    background: rgba(5, 5, 16, 0.85);
    border-bottom: 1px solid rgba(128, 128, 255, 0.1);
}

[data-theme="cosmic"] .nav-link:hover {
    text-shadow: 0 0 10px var(--color-accent-glow);
}

[data-theme="cosmic"] .nav-link.active {
    color: var(--color-accent);
    text-shadow: 0 0 8px var(--color-accent-glow);
}

[data-theme="cosmic"] .settings-content {
    background: #0c0c1d;
}

[data-theme="cosmic"] .moon-widget {
    background: var(--color-card-bg);
    border: 1px solid var(--color-border);
    box-shadow: 0 0 30px rgba(124, 58, 237, 0.1);
}

[data-theme="cosmic"] .moon-glow-ring {
    border-color: rgba(6, 182, 212, 0.3);
    box-shadow: 0 0 20px rgba(6, 182, 212, 0.15);
}

[data-theme="cosmic"] .stat-card {
    background: var(--color-card-bg);
    border: 1px solid var(--color-border);
}

[data-theme="cosmic"] .stat-card:hover {
    box-shadow: 0 0 20px rgba(124, 58, 237, 0.2);
}

[data-theme="cosmic"] .timeline-card {
    background: var(--color-card-bg);
    border: 1px solid var(--color-border);
}

[data-theme="cosmic"] .timeline-card:hover {
    border-color: var(--color-primary);
    box-shadow: 0 0 15px rgba(124, 58, 237, 0.15);
}

[data-theme="cosmic"] .entry-card {
    background: var(--color-card-bg);
    border: 1px solid var(--color-border);
}

[data-theme="cosmic"] .entry-card:hover {
    box-shadow: 0 0 20px rgba(124, 58, 237, 0.2);
    border-color: var(--color-primary);
}

[data-theme="cosmic"] .login-container {
    background: var(--color-bg);
    background-image:
        radial-gradient(ellipse at 30% 30%, rgba(124, 58, 237, 0.15) 0%, transparent 50%),
        radial-gradient(ellipse at 70% 70%, rgba(6, 182, 212, 0.1) 0%, transparent 50%);
}

[data-theme="cosmic"] .login-card {
    background: var(--color-card-bg);
    border: 1px solid rgba(128, 128, 255, 0.15);
    box-shadow: 0 0 40px rgba(124, 58, 237, 0.15);
}

[data-theme="cosmic"] .btn-primary {
    background: linear-gradient(135deg, #7c3aed, #06b6d4);
    text-shadow: 0 0 8px rgba(255,255,255,0.3);
}

[data-theme="cosmic"] .btn-primary:hover {
    box-shadow: 0 0 20px rgba(124, 58, 237, 0.4);
}

[data-theme="cosmic"] .entry-view-content {
    background: var(--color-card-bg);
    border: 1px solid var(--color-border);
}

[data-theme="cosmic"] .form-input,
[data-theme="cosmic"] .form-textarea {
    background: var(--color-input-bg);
    border: 1px solid var(--color-border);
    color: var(--color-text-primary);
}

[data-theme="cosmic"] .form-input:focus,
[data-theme="cosmic"] .form-textarea:focus {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.2), 0 0 15px rgba(124, 58, 237, 0.1);
}

[data-theme="cosmic"] .moon-banner {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    box-shadow: 0 0 20px rgba(124, 58, 237, 0.08);
}

[data-theme="cosmic"] .mood-btn.selected {
    box-shadow: 0 0 15px var(--color-accent-glow);
}

[data-theme="cosmic"] .view-btn.active {
    background: linear-gradient(135deg, #7c3aed, #06b6d4);
    box-shadow: 0 0 10px rgba(124, 58, 237, 0.3);
}

[data-theme="cosmic"] .cal-entry:hover {
    background: linear-gradient(135deg, #7c3aed, #06b6d4);
    text-shadow: 0 0 5px rgba(255,255,255,0.3);
}

[data-theme="cosmic"] .search-input:focus {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.2), 0 0 15px rgba(124, 58, 237, 0.1);
}

@keyframes cosmicPulse {
    0%, 100% { box-shadow: 0 0 20px rgba(124, 58, 237, 0.1); }
    50% { box-shadow: 0 0 40px rgba(124, 58, 237, 0.2); }
}

[data-theme="cosmic"] .moon-circle {
    animation: cosmicPulse 4s ease-in-out infinite;
}