/* ============================================================
   VARIABLES.CSS — ТЁМНЫЙ БЛАГОРОДНЫЙ
   ============================================================ */

:root {
    /* === ЦВЕТОВАЯ СХЕМА === */
    --bg-page: #0f1724;
    --bg-block: #151e2d;
    --bg-card: #1a2540;
    --bg-elevated: #1f2d47;
    --text-primary: #e8ecf1;
    --text-secondary: #94a3b8;
    --text-muted: #64748b;
    --accent-gold: #f59e0b;
    --accent-green: #a78bfa;
    --accent-neon: #a78bfa;
    --accent-hover: #8b5cf6;
    --border-dim: rgba(148, 163, 184, 0.08);
    --border-light: rgba(148, 163, 184, 0.14);
    --overlay-dark: rgba(15, 23, 36, 0.9);

    /* === ТИПОГРАФИКА === */
    --font-base: 'Inter', sans-serif;
    --font-display: 'Playfair Display', serif;
    --font-mono: 'Space Mono', monospace;
    --font-size-base: 16px;
    --line-height: 1.5;

    /* === ГЕОМЕТРИЯ === */
    --container-max: 1400px;
    --container-narrow: 900px;
    --section-padding: 5rem;
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-xl: 40px;

    /* === ТЕНИ === */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 24px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 8px 48px rgba(0, 0, 0, 0.5);

    /* === АНИМАЦИЯ === */
    --transition-fast: 0.2s ease;
    --transition: 0.3s ease;
    --transition-slow: 0.5s ease;
}