:root {
    /* Admin colors */
    --neon-bg: #0a0a0f;
    --neon-surface: #12121a;
    --neon-surface-hover: #1a1a28;
    --neon-border: #2a2a40;
    --neon-accent: #00ff88;
    --neon-accent-dim: rgba(0, 255, 136, 0.4);
    --neon-cyan: #00d4ff;
    --neon-cyan-dim: rgba(0, 212, 255, 0.4);
    --neon-danger: #ff3366;
    --neon-danger-dim: rgba(255, 51, 102, 0.4);
    --neon-warning: #ffaa00;
    --neon-warning-dim: rgba(255, 170, 0, 0.4);
    --neon-text: #e0e0e8;
    --neon-text-secondary: #7da1bf;
    --neon-inactive: #7f7f7f;
    --neon-text-dim: #3d3d5c;
    --neon-glow-accent: 0 0 15px rgba(0, 255, 136, 0.4);
    --neon-glow-cyan: 0 0 15px rgba(0, 212, 255, 0.4);
    --neon-glow-danger: 0 0 15px rgba(255, 51, 102, 0.4);
    --neon-glow-warning: 0 0 15px rgba(255, 170, 0, 0.4);
    --neon-radius: 8px;
    --neon-radius-sm: 4px;
    --neon-transition: 0.2s ease;
    
    
    /* Accent colors */
    --pub-primary: #409eff;
    --pub-primary-dim: rgba(64, 158, 255, 0.15);
    --pub-cyan: #00d4ff;
    --pub-cyan-dim: rgba(0, 212, 255, 0.12);
    --pub-danger: #f56c6c;
    --pub-danger-dim: rgba(245, 108, 108, 0.15);
    --pub-warning: #e6a23c;
    --pub-warning-dim: rgba(230, 162, 60, 0.15);
    --pub-success: #67c23a;
    --pub-gradient: linear-gradient(135deg, #00ceff, #5b7aef, #df71eb);

    /* Light theme (default) */
    --pub-header-bg: rgba(255, 255, 255, 0.5);
    --pub-header-nav-bg-hover: rgba(211, 211, 211, 0.30);
    --pub-nav-text: #000000;
    --pub-nav-text-hover: #000000;
    --pub-footer-bg: #fefefe;
    --pub-bg2: #f2f2f2;
    --pub-bg: #ffffff;
    --pub-bg-dim: rgba(255, 255, 255, 0.6);
    --pub-bg-dim-hover: rgba(255, 255, 255, 0.7);
    --pub-surface: #ffffff;
    --pub-surface-hover: #f5f7fa;
    --pub-border: #dcdfe6;
    --pub-shadow: rgba(0, 0, 0, 0.08);
    --pub-text: #181818;
    --pub-text-secondary: #5e5e5e;
    --pub-text-muted: #909399;
    --pub-text-dim: #c0c4cc;

    --pub-placeholder-img: #d3d4d5;
    
    /* Glow */
    --pub-glow-primary: 0 0 15px rgba(64, 158, 255, 0.25);
    --pub-glow-cyan: 0 0 15px rgba(0, 212, 255, 0.25);

    /* Misc */
    --pub-radius: 8px;
    --pub-radius-sm: 4px;
    --pub-transition: 0.2s ease;


    --bs-carousel-indicator-active-bg: var(--pub-text);
    --bs-carousel-caption-color: var(--pub-text);

    --header-height: 72px;
}

@media (max-width: 768px) {
    :root {
        --header-height: 60px;
    }
}

.dark {
    --pub-header-bg: rgba(27, 38, 50, 0.5);
    --pub-header-nav-bg-hover: rgba(72, 88, 98, 0.30);
    --pub-nav-text: #fff;
    --pub-nav-text-hover: #88c1ff;
    --pub-footer-bg: #161e2c;
    --pub-bg2: #151e2e;
    --pub-bg: #162030;
    --pub-bg-dim: rgba(22, 32, 48, 0.6);
    --pub-bg-dim-hover: rgba(22, 32, 48, 0.7);
    --pub-surface: #1c2a3a;
    --pub-surface-hover: #243348;
    --pub-border: #34495e;
    --pub-shadow: rgba(0, 0, 0, 0.3);
    --pub-text: #ffffff;
    --pub-text-secondary: #a0aec0;
    --pub-text-muted: #718096;
    --pub-text-dim: #4a5568;

    --pub-glow-primary: 0 0 15px rgba(64, 158, 255, 0.35);
    --pub-glow-cyan: 0 0 15px rgba(0, 212, 255, 0.35);
    
    --pub-placeholder-img: #293c51;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}