/* ---------------------------------- */
/* ГЛОБАЛЬНЫЕ ПЕРЕМЕННЫЕ И ТЕМЫ       */
/* ---------------------------------- */
:root {
    --bg-dark: #0a0f1c;
    --bg-surface: rgba(22, 28, 40, 0.85);
    --bg-elevated: rgba(32, 40, 55, 0.9);
    --border: rgba(255, 255, 255, 0.08);
    --primary: #4c9aff;
    --primary-dark: #2b6bcb;
    --primary-glow: rgba(76, 154, 255, 0.3);
    --text: #f0f3f8;
    --text-secondary: #9aa6b5;
    --transition: all 0.25s cubic-bezier(0.2, 0.9, 0.4, 1.1);
    --shadow-sm: 0 8px 20px rgba(0, 0, 0, 0.2);
    --shadow-md: 0 12px 28px rgba(0, 0, 0, 0.3);
    --radius-lg: 16px;
    --radius-md: 12px;
    --radius-sm: 8px;
}
body.light-theme {
    --bg-dark: #f2f4f8;
    --bg-surface: rgba(255, 255, 255, 0.85);
    --bg-elevated: rgba(245, 247, 250, 0.9);
    --border: rgba(0, 0, 0, 0.08);
    --text: #1e2a3a;
    --text-secondary: #5f6c7a;
    --primary: #2a6cbb;
    --primary-dark: #1e4f8a;
    --primary-glow: rgba(42, 108, 187, 0.2);
}