:root {
    --bg-body: #05080f;
    --bg-card: #0a0f1a;
    --bg-card-hover: #0d1322;
    --bg-surface: #0e1525;
    --bg-elevated: #111a2e;
    --bg-input: #0c1220;

    --primary: #00b4ff;
    --primary-light: #33c4ff;
    --primary-dark: #0090cc;
    --primary-glow: rgba(0, 180, 255, 0.15);
    --primary-glow-strong: rgba(0, 180, 255, 0.35);

    --neon-blue: #00e5ff;
    --neon-cyan: #00fff7;
    --neon-purple: #7b61ff;

    --success: #00e676;
    --success-glow: rgba(0, 230, 118, 0.2);
    --warning: #ffab00;
    --danger: #ff1744;
    --danger-glow: rgba(255, 23, 68, 0.2);

    --text-main: #e8edf5;
    --text-secondary: #a0aec0;
    --text-muted: #5a6a80;
    --text-bright: #ffffff;

    --border-color: rgba(0, 180, 255, 0.08);
    --border-hover: rgba(0, 180, 255, 0.2);
    --border-active: rgba(0, 180, 255, 0.4);

    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.6);
    --shadow-neon: 0 0 20px rgba(0, 180, 255, 0.1);
    --shadow-neon-strong: 0 0 40px rgba(0, 180, 255, 0.2);

    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-xl: 20px;

    --transition-fast: 0.15s ease;
    --transition-normal: 0.25s ease;
    --transition-slow: 0.4s ease;

    --font-display: 'Orbitron', sans-serif;
    --font-body: 'Exo 2', sans-serif;

    --header-height: 64px;
    --sidebar-width: 260px;
    --content-max: 1600px;
}

@media (min-width: 1400px) {
    :root {
        --sidebar-width: 300px;
    }
}

@media (min-width: 1600px) {
    :root {
        --sidebar-width: 340px;
        --content-max: 1750px;
    }
}