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

: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:  #ffbb45;
    --user-credits:   #ffbb45;
    --user-credits-rgb: 255, 183, 0;
    --ava-border:     #ffbb45;

    /* ===== ВТОРИЧНЫЕ АКЦЕНТЫ ===== */
    --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);
    --border-black:   #000;
    --border-white:   #ffffff;

    /* ===== СТАТУСЫ ===== */
    --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"] {
    --primary:        #6E473B;
    --primary-2:      #A78D78;
    --primary-hover:  #291C0E;
    --primary-dark:   #291C0E;
    --primary-rgb:    110, 71, 59;
    --primary-glow:   rgba(110, 71, 59, 0.22);
    --text-on-accent: #F1D4C2;

    --bg-main:        #BEB5A9;
    --bg-panel:       rgba(241, 212, 194, 0.94);
    --bg-input:       #E6C8B6;
    --bg-card:        #F1D4C2;
    --bg-message:     #D3B5A2;
    --bg-head:        rgba(241, 212, 194, 0.97);
    --glass-bg:       rgba(241, 212, 194, 0.88);

    --text-main:      #291C0E;
    --text-secondary: #6E473B;
    --text-muted:     #6E473B;
    --text-faint:     #A78D78;

    --border-color:   rgba(41, 28, 14, 0.18);
    --shadow-color:   rgba(41, 28, 14, 0.18);
    --shadow-card:    rgba(41, 28, 14, 0.12);

    --app-logo-text:  #291C0E;
    --nickname:       #291C0E;
    --user-credits:   #6E473B;
    --user-credits-rgb: 110, 71, 59;
    --ava-border:     #6E473B;
    --progress-bar:   #A78D78;
    --button-sm:      #A78D78;
    --status-sold:    #A78D78;

    --panel-bg-gradient: linear-gradient(145deg, rgba(var(--primary-rgb), 0.1), #F1D4C2);
    --panel-base: rgba(241, 212, 194, 0.96);
}