/* ==========================================================================
   1. VARIABLES & RESET (Black & Orange Theme)
   ========================================================================== */
:root {
    /* Основные цвета */
    --primary: #FABF3C; /* Яркий оранжевый */
    --primary-hover: #ff8533;
    --primary-glow: rgba(255, 102, 0, 0.4);
    --accent-color: #FABF3C;
    
    /* Фон */
    --bg-main: #111212; /* Почти черный */
    --bg-panel: rgba(26, 26, 26, 0.2); /* Темно-серый для панелей */
    --bg-input: #1a1a1a;
    --bg-card: #141414;
    --bg-message: #8A671E;
    
    /* Текст */
    --text-main: #ffffff;
    --text-secondary: #888888;
    --text-muted: #555555;

    /* Границы и Стекло */
    --border-color: rgba(255, 255, 255, 0.08);
    --glass-bg: rgba(20, 20, 20, 0.7);
    --glass-blur: blur(16px);
    
    /* Размеры */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 18px;
    --radius-pill: 50px;
    
    /* Анимация */
    --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    
    /* Шрифт */
    --font-family: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;
}

@font-face {
    font-family: 'Bowler';
    src: url('../fonts/Bowler.ttf') format('truetype');
}


body {
    background-color: var(--bg-main);
    color: var(--text-main);
    font-family: var(--font-family);
    overflow: hidden; /* Убираем скролл body, скроллим внутри контейнеров */
    margin: 0;
    height: 100vh;
}

/* Кастомный скроллбар */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #333; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--primary); }

a { text-decoration: none; color: var(--primary); transition: var(--transition); }
a:hover { color: var(--primary-hover); }