:root {
    /* Color Palette - Deep, Cinematic, Not "Toilet Black" */
    --bg-dark: #070709;          /* Очень глубокий темно-сизый графит для фона */
    --bg-panel: rgba(18, 18, 22, 0.65); /* Цвет панелей - дорогое стекло */
    
    /* Brand Colors */
    --brand-red: #D30020;        /* Классический красный фонка, но не кислотный */
    --brand-red-hover: #F00B2D;
    --brand-red-glow: rgba(211, 0, 32, 0.4);
    
    /* Typography Colors */
    --text-main: #FFFFFF;
    --text-muted: #8A8A93;       /* Приглушенный серый с синим подтоном для читаемости */
    --border-color: rgba(255, 255, 255, 0.08);

    /* Fonts */
    --font-heading: 'Montserrat', sans-serif;
    --font-ui: 'Inter', sans-serif;

    /* Spacing & Layout (Даем воздух) */
    --radius-lg: 20px;
    --radius-md: 12px;
    --radius-sm: 8px;
    
    --space-xl: 32px;
    --space-lg: 24px;
    --space-md: 16px;
    --space-sm: 8px;

    /* Animations */
    --transition-smooth: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    --transition-fast: all 0.2s ease;
}

/* Глобальный сброс для чистой верстки */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body, html {
    width: 100vw;
    height: 100vh;
    background-color: var(--bg-dark);
    color: var(--text-main);
    font-family: var(--font-ui);
    overflow: hidden; /* Отключаем глобальный скролл, он будет только внутри панелей */
    -webkit-font-smoothing: antialiased;
}