/* ══════════════════════════════════════════════════════
   DESIGN TOKENS — переменные дизайн-системы
   ══════════════════════════════════════════════════════ */

:root {
    /* ── Цвета фона ─────────────────────────────────── */
    --bg-primary:    #0a0d14;
    --bg-secondary:  #0f1219;
    --bg-tertiary:   #141820;
    --bg-card:       #111520;
    --bg-hover:      #181d28;
    --bg-active:     #1c2230;

    /* ── Поверхности ────────────────────────────────── */
    --surface-1:     rgba(255,255,255,0.02);
    --surface-2:     rgba(255,255,255,0.04);
    --surface-3:     rgba(255,255,255,0.06);
    --glass:         rgba(255,255,255,0.03);
    --glass-border:  rgba(255,255,255,0.06);

    /* ── Текст ──────────────────────────────────────── */
    --text-primary:   #f0f1f3;
    --text-secondary: #9ca3af;
    --text-muted:     #5c6370;
    --text-inverse:   #0a0d14;

    /* ── Акценты ────────────────────────────────────── */
    --accent-green:   #00d4aa;
    --accent-red:     #ff4757;
    --accent-blue:    #4dabf7;
    --accent-yellow:  #ffb347;
    --accent-purple:  #b197fc;
    --accent-cyan:    #22d3ee;
    --gold:           #ffd54f;

    /* ── Границы ────────────────────────────────────── */
    --border:        rgba(255,255,255,0.06);
    --border-light:  rgba(255,255,255,0.10);
    --border-strong: rgba(255,255,255,0.15);

    /* ── Радиусы ────────────────────────────────────── */
    --radius-xs: 4px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;

    /* ── Тени ───────────────────────────────────────── */
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.3);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.4);
    --shadow-lg: 0 8px 24px rgba(0,0,0,0.5);

    /* ── Sidebar ────────────────────────────────────── */
    --sidebar-width: 260px;
    --sidebar-collapsed: 64px;
    --header-height: 56px;
    --statusbar-height: 32px;

    /* ── Шрифты ──────────────────────────────────────── */
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace;

    /* ── Переходы ───────────────────────────────────── */
    --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}