/* ═══════════════════════════════════════════════════════════
   StreamG — Design Tokens
   Все цвета, размеры, тени — здесь.
   Меняешь здесь — меняется весь сайт.
   ═══════════════════════════════════════════════════════════ */

:root {
    /* ═══ Фон ═══ */
    --bg:               #0a0a0a;
    --bg-card:          #141414;
    --bg-card-hover:    #1c1c1c;
    --bg-input:         #0a0a0a;
    --bg-overlay:       rgba(0, 0, 0, 0.75);

    /* ═══ Границы ═══ */
    --border:           #1e1e1e;
    --border-strong:    #313131;

    /* ═══ Текст ═══ */
    --text-primary:     #e8e8e8;
    --text-secondary:   #6a6a6a;
    --text-muted:       #444;

    /* ═══ Акцент (основной цвет) ═══ */
    --accent:           #76b900;
    --accent-bright:    #8fd400;
    --accent-dark:      #5a8f00;
    --accent-glow:      rgba(118, 185, 0, 0.4);
    --accent-soft:      rgba(118, 185, 0, 0.15);
    --accent-bg-soft:   rgba(118, 185, 0, 0.08);

    /* ═══ Статусы ═══ */
    --danger:           #ff4d4d;
    --danger-soft:      rgba(255, 77, 77, 0.15);
    --danger-bg-soft:   rgba(255, 77, 77, 0.08);

    --warning:          #ffb800;
    --warning-soft:     rgba(255, 184, 0, 0.15);

    /* ═══ Радиусы ═══ */
    --radius-sm:        6px;
    --radius-md:        10px;
    --radius-lg:        14px;

    /* ═══ Тени ═══ */
    --shadow-accent:    0 0 30px var(--accent-glow);
    --shadow-modal:     0 25px 80px rgba(0, 0, 0, 0.9);

    /* ═══ Размеры ═══ */
    --header-height:    72px;
    --container-max:    1200px;
    --container-wide:   1600px;
}

/* ═══════════════════════════════════════════════════════════
   Будущие темы
   ═══════════════════════════════════════════════════════════ */

/* :root[data-theme="light"] {
    --bg:             #f5f5f5;
    --bg-card:        #ffffff;
    --bg-card-hover:  #ececec;
    --border:         #e0e0e0;
    --border-strong:  #cccccc;
    --text-primary:   #1a1a1a;
    --text-secondary: #6a6a6a;
    --accent:         #5a8f00;
    --accent-bright:  #76b900;
} */