/* ============================================
   theme.css — Цветовая система и CSS-переменные
   Поддерживает светлую и тёмную тему
   ============================================ */

:root {
    /* Акцент (фиолетовый) */
    --primary: #1775c2;
    --primary-hover: #114797;
    --primary-light: #ddd6fe;
    --primary-dark: #283ad9;
    --primary-glow: rgba(92, 141, 246, 0.25);

    /* Цвета */
    --accent-success: #22c55e;
    --accent-success-bg: rgba(34, 197, 94, 0.1);
    --accent-warning: #f59e0b;
    --accent-danger: #ef4444;

    /* Светлая тема (по умолчанию) */
    --bg-body: #f1f5f9;
    --bg-surface: #ffffff;
    --bg-elevated: #ffffff;
    --bg-hover: #f8fafc;
    --bg-input: #f8fafc;
    --bg-card: #ffffff;
    --bg-primary: var(--bg-surface);

    --text-main: #0f172a;
    --text-secondary: #475569;
    --text-muted: #94a3b8;
    --text-inverse: #ffffff;

    --border-color: #e2e8f0;
    --border-light: #f1f5f9;
    --border-secondary: #e2e8f0;

    /* Тени */
    --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.1);
    --shadow-glow: 0 0 40px var(--primary-glow);

    /* Glass morphism */
    --glass-bg: rgba(255, 255, 255, 0.75);
    --glass-border: rgba(255, 255, 255, 0.4);
    --glass-blur: 16px;

    /* Типографика */
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

    /* Скругления */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-full: 9999px;

    /* Переходы */
    --transition-fast: 150ms ease;
    --transition-base: 250ms ease;
    --transition-slow: 400ms ease;

    /* Контейнер */
    --container-max: 1240px;
    --container-padding: 24px;

    /* Header */
    --header-height: 68px;
}

/* ============================================
   Тёмная тема
   ============================================ */
[data-theme="dark"] {
    --bg-body: #020617;
    --bg-surface: #0f172a;
    --bg-elevated: #1e293b;
    --bg-hover: #334155;
    --bg-input: #1e293b;
    --bg-card: #1e293b;
    --bg-primary: var(--bg-surface);

    --text-main: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #64748b;
    --text-inverse: #0f172a;

    --border-color: #1e293b;
    --border-light: #1e293b;
    --border-secondary: #334155;

    --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.2);
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5);
    --shadow-glow: 0 0 60px var(--primary-glow);

    --glass-bg: rgba(15, 23, 42, 0.8);
    --glass-border: rgba(255, 255, 255, 0.06);
    --glass-blur: 20px;

    --accent-success-bg: rgba(34, 197, 94, 0.15);
}