/* ============================================
   CSS Custom Properties — глобальные переменные
   ============================================ */

:root {
    /* Цветовая палитра */
    --color-bg:           #0b0d14;
    --color-bg-secondary: #141720;
    --color-bg-tertiary:  #1c2030;
    --color-bg-hover:     #222640;
    --color-border:       #2a2f45;
    --color-border-light: #363d58;

    /* Акцент */
    --color-accent:       #7c6fff;
    --color-accent-hover: #9d8fff;
    --color-accent-dim:   rgba(124, 111, 255, 0.15);
    --color-accent-glow:  rgba(124, 111, 255, 0.3);

    /* Текст */
    --color-text:         #e8eaf0;
    --color-text-muted:   #7a80a0;
    --color-text-faint:   #4a5070;

    /* Состояния */
    --color-success:      #4ade80;
    --color-danger:       #f87171;
    --color-warning:      #fbbf24;

    /* Типографика */
    --font-family:        'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-size-xs:       11px;
    --font-size-sm:       13px;
    --font-size-md:       15px;
    --font-size-lg:       18px;
    --font-size-xl:       22px;

    /* Радиус */
    --radius-sm:  6px;
    --radius-md:  10px;
    --radius-lg:  16px;
    --radius-xl:  22px;

    /* Тени */
    --shadow-sm:  0 2px 8px rgba(0,0,0,0.3);
    --shadow-md:  0 4px 20px rgba(0,0,0,0.4);
    --shadow-lg:  0 8px 40px rgba(0,0,0,0.5);

    /* Транзишны */
    --transition-fast:   0.12s ease;
    --transition-normal: 0.22s ease;
    --transition-slow:   0.35s ease;
}