/* ==========================================================================
   00_GLOBAL.CSS — ЕДИНЫЙ ИСТОЧНИК ПЕРЕМЕННЫХ И БАЗОВЫХ СТИЛЕЙ
   ========================================================================== */

:root {
    /* ===== ГЛАВНЫЕ АКЦЕНТЫ (Selective yellow & Jonquil) ===== */
    --primary:        #ffbb45;
    --primary-2:      #FFCE0E;
    --primary-hover:  #FFC233;
    --primary-dark:   #CC9200;
    --primary-glow:   rgba(255, 183, 0, 0.4);
    --primary-rgb:    255, 183, 0;
    --nickname:       #fff;
    --app-logo-text:  #FFD000;
    --user-credits:   #FFD000;
    --user-credits-rgb: 255, 183, 0;
    --ava-border:     #FFD000;

    /* ===== ВТОРИЧНЫЕ АКЦЕНТЫ ===== */
    --gold:           #FFD000;
    --gold-2:         #FFB700;
    --violet:         #8b5cf6;
    --violet-2:       #c084fc;
    --diamond:        #38BDF8;
    --rose:           #f43f5e;
    --green:          #10b981;
    --diamond-rgb:    56, 189, 248;
    --violet-rgb:     192, 132, 252;
    --rose-rgb:       244, 63, 94;

    /* ===== СЛУЖЕБНЫЕ (для компонентов) ===== */
    --text-on-accent: #0F0F0F;                 
    --black-rgb:      15, 15, 15;              
    --overlay-soft:   rgba(15, 15, 15, 0.5);
    --overlay-medium: rgba(15, 15, 15, 0.7);
    --overlay-strong: rgba(15, 15, 15, 0.9);
    --shadow-color:   rgba(0, 0, 0, 0.5);      /* Сделал тень чуть гуще для контраста */
    --shadow-card:    rgba(0, 0, 0, 0.7);
    --diamond-glow:   rgba(56, 189, 248, 0.5);
    --gold-glow:      rgba(255, 208, 0, 0.5); 

    /* ===== Профиль ===== */
    --progress-bar:   #121212; 
    --button-sm:      #000000;

    /* ===== ФОН (Темная тема - обновленные серые оттенки) ===== */
    --bg-main:        #0F0F0F;                 /* Главный фон (Night) */
    --bg-panel:       rgba(26, 26, 26, 0.6);   /* Сделан темнее */
    --bg-input:       #1A1A1A;                 /* Темно-серый для инпутов (было 2A2929) */
    --bg-card:        #1A1A1A;                 /* Темно-серый для карточек (было 2A2929) */
    --bg-message:     #2A2929;                 /* Цвет плашек сообщений/инфо-блоков */
    --bg-head:        #0F0F0F;

    /* ===== ТЕКСТ ===== */
    --text-main:      #ffffff;
    --text-secondary: #a1a1aa;
    --text-muted:     #888888;
    --text-faint:     #2A2929;                 /* Затемнен для неактивных элементов */

    /* ===== ГРАНИЦЫ И ЭФФЕКТ СТЕКЛА ===== */
    --border-color:   rgba(42, 41, 41, 0.5);   /* Границы стали темнее и мягче */
    --glass-bg:       rgba(15, 15, 15, 0.8);   /* Более плотное темное стекло */
    --glass-blur:     blur(16px);

    /* ===== СТАТУСЫ ===== */
    --color-success:  #28a745;
    --color-danger:   #dc3545;
    --color-warning:  #ffc107;

    /* ===== РАЗМЕРЫ (Скругления) ===== */
    --radius-sm:      2px;
    --radius-md:      10px;
    --radius-lg:      6px;
    --radius-xl:      8px;
    --radius-pill:    50px;
    --radius-2xl:     12px;
    --radius-3xl:     20px;

    /* ===== АНИМАЦИЯ И ТИПОГРАФИКА ===== */
    --transition:     all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    --ease:           cubic-bezier(0.16, 1, 0.3, 1);
    --font-family:    'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;

    /* ===== РЕДКОСТЬ ПРЕДМЕТОВ (Rarity) ===== */
    --rarity-common:     #FFFFFF;   /* Сдвинул базовую редкость в более темный */
    --rarity-rare:       #38bdf8;
    --rarity-epic:       #c084fc;
    --rarity-legendary:  #FFD000;   
    --rarity-mythic:     #f43f5e;
    --rarity-immortal:   #10b981;
    --rarity-divine:     #D41ABA;

    /* RGB-версии (для прозрачных свечений и подложек) */
    --rarity-common-rgb:     42, 41, 41;
    --rarity-rare-rgb:       56, 189, 248;
    --rarity-epic-rgb:       192, 132, 252;
    --rarity-legendary-rgb:  255, 208, 0;
    --rarity-mythic-rgb:     244, 63, 94;
    --rarity-immortal-rgb:   16, 185, 129;
    --rarity-divine-rgb:     212, 26, 186;

    /* ===== СТАТУСЫ ЛОТОВ (Market) ===== */
    --status-pending:   #FFB700;   
    --status-active:    #10b981;   
    --status-sold:      #2A2929;   /* Также затемнил */
    --status-rejected:  #f43f5e;   

    --panel-bg-gradient: linear-gradient(145deg, rgba(var(--primary-rgb), 0.06), rgba(20, 20, 20, 0.6));
    --panel-base: rgba(15, 15, 15, 0.7);
}

/* ==========================================================================
   ШРИФТЫ
   ========================================================================== */

@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; 
    margin: 0;
    height: 100vh;
}

/* Кастомный скроллбар */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--bg-input); 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);
}

/* ==========================================================================
   ГЛОБАЛЬНЫЕ ОВЕРЛЕИ
   ========================================================================== */

.landing-bg-overlay::before {
    background: radial-gradient(circle, rgba(var(--primary-rgb), 0.35), transparent 70%);
}
.landing-bg-overlay::after {
    /* Более темный серый засвет */
    background: radial-gradient(circle, rgba(42, 41, 41, 0.2), transparent 70%);
}

/* ==========================================================================
   СВЕТЛАЯ ТЕМА (LIGHT MODE)
   ========================================================================== */

[data-theme="light"] {
    /* Мягкий кремовый фон */
    --bg-main:        #9E9C98; 
    --app-logo-text:  #242322;
    --user-credits:   #242322;
    --user-credits-rgb: #121212;
    --ava-border:     #4b4b4b;
    --progress-bar:   rgba(240, 235, 225, 0.6);
    --button-sm:      #000000;

    --primary-rgb:    #121212;

    --nickname:       #121212;
    
    /* Панели и карточки чуть светлее фона, но не чисто белые */
    --bg-panel:       rgba(240, 235, 225, 0.6);
    --bg-input:       #EBE7DD;
    --bg-card:        #EBE7DD;
    --bg-message:     #DEDAD0;
    --bg-head:        rgba(240, 235, 225, 0.6);

    /* Текст: вместо радикального черного берем темно-коричневый/серый */
    --text-main:      #2D2924;
    --text-secondary: #5C5852;
    --text-muted:     #8A857D;
    --text-faint:     #CDC9C0;

    --gold:           #f1d64f;
    --gold-2:         #f1d64f;


    /* Границы: теплые, не агрессивные */
    --border-color:   rgba(45, 41, 36, 0.15);
    --glass-bg:       rgba(244, 241, 234, 0.8);
    
    /* Тени: чуть теплее */
    --shadow-color:   rgba(45, 41, 36, 0.1);
    --shadow-card:    rgba(45, 41, 36, 0.05);

    /* Статусы (опционально можно приглушить, если нужно) */
    --status-sold:    #DEDAD0;

    --panel-bg-gradient: linear-gradient(145deg, rgba(var(--primary-rgb), 0.15), #EBE7DD);
    --panel-base: rgba(235, 231, 221, 0.9);
}