/* ============================================================
   BuyHold Design Tokens v1.0
   Единая палитра, типографика, радиусы и тени для всего сайта.
   Подключается ГЛОБАЛЬНО (через wp_enqueue_scripts без условий).
   Используется: tools-ui.css (инструменты), stock_review (CPT),
   live-chart.css, и любые новые компоненты.
   ============================================================ */

:root {
  /* ============ 1. ЦВЕТА — ТЁМНЫЕ ПОВЕРХНОСТИ ============ */
  /* Для финансовых блоков: виджеты, hero, графики, dashboards */
  --bh-bg-dark:        #131722;  /* основной фон tools/widget */
  --bh-bg-dark-deep:   #0d1117;  /* sidebar / sub-surface */
  --bh-bg-card:        #1a1f2a;  /* карточка KPI, виджет внутри (старт градиента) */
  --bh-bg-card-2:      #1e2433;  /* конец градиента карточки (как в .tool-card) */
  --bh-bg-elev:        #252a33;  /* hover, active state */
  --bh-bg-tertiary:    #262b36;  /* третичный фон */

  /* ============ 2. ЦВЕТА — СВЕТЛЫЕ ПОВЕРХНОСТИ ============ */
  /* Для контента статьи: текст, картинки, цитаты */
  --bh-bg-light:       #ffffff;
  --bh-bg-light-alt:   #f7f9fc;
  --bh-bg-light-soft:  #f0f2f5;

  /* ============ 3. БРЕНД-АКЦЕНТЫ ============ */
  --bh-accent:         #95ce5a;  /* основной зелёный BuyHold */
  --bh-accent-hover:   #a9dd78;
  --bh-accent-dark:    #7ab842;
  --bh-accent-rgb:     149, 206, 90;

  --bh-blue:           #5a95ce;  /* вторичный синий */
  --bh-blue-hover:     #7daadb;
  --bh-blue-rgb:       90, 149, 206;

  /* ============ 4. ТЕКСТ НА ТЁМНОМ ============ */
  --bh-text-on-dark:         #ffffff;
  --bh-text-on-dark-soft:    #d1d4dc;
  --bh-text-on-dark-muted:   #9ca3af;
  --bh-text-on-dark-faint:   rgba(255, 255, 255, 0.45);

  /* ============ 5. ТЕКСТ НА СВЕТЛОМ (статья) ============ */
  --bh-text-on-light:        #1a1f2a;
  --bh-text-on-light-soft:   #4a5568;
  --bh-text-on-light-muted:  #6b7280;

  /* ============ 6. ГРАНИЦЫ ============ */
  --bh-border-dark:    #2a2e39;
  --bh-border-light:   #e6e9ee;
  --bh-border-soft:    rgba(255, 255, 255, 0.08);

  /* ============ 7. CHART/PRICE (движение цены акции) ============ */
  /* Unified palette for sparklines, % chips, market status — like Bloomberg/FJ */
  --bh-chart-pos:      #10b981;  /* рост цены */
  --bh-chart-pos-rgb:  16, 185, 129;
  --bh-chart-neg:      #f43f5e;  /* падение цены */
  --bh-chart-neg-rgb:  244, 63, 94;

  /* ============ 7b. STATUS INDICATORS (system state) ============ */
  --bh-status-online:  #10b981;  /* live, open, active (= chart-pos) */
  --bh-status-warn:    #f59e0b;  /* premarket, postmarket */
  --bh-status-offline: #6b7280;  /* closed, weekend */

  /* ============ 7c. СЕМАНТИЧЕСКИЕ (UI) ============ */
  --bh-success:        #10b981;  /* зелёный плюсов, рост, прибыль */
  --bh-success-soft:   #30d158;
  --bh-success-rgb:    16, 185, 129;

  --bh-danger:         #f43f5e;  /* красный минусов, падение, риск */
  --bh-danger-soft:    #ff453a;
  --bh-danger-rgb:     244, 63, 94;

  --bh-warning:        #ff9800;
  --bh-warning-soft:   #ffd43a;
  --bh-warning-rgb:    255, 152, 0;

  --bh-info:           #5a95ce;

  /* ============ 8. РАДИУСЫ ============ */
  --bh-radius-lg:      20px;  /* крупные карточки, hero */
  --bh-radius-md:      14px;  /* основные карточки */
  --bh-radius-sm:      10px;  /* мелкие элементы */
  --bh-radius-xs:      6px;   /* бейджи, chips */
  --bh-radius-pill:    9999px;

  /* ============ 9. ТЕНИ ============ */
  --bh-shadow:         0 10px 30px rgba(0, 0, 0, 0.25);
  --bh-shadow-md:      0 4px 16px rgba(0, 0, 0, 0.15);
  --bh-shadow-soft:
    0 2px 8px rgba(0, 0, 0, 0.1),
    0 8px 24px rgba(0, 0, 0, 0.08),
    0 16px 48px rgba(0, 0, 0, 0.05);
  --bh-shadow-light:   0 4px 12px rgba(0, 0, 0, 0.08);

  /* ============ 10. ТИПОГРАФИКА ============ */
  /* DM Sans подгружается условно (на stock_review / tools).
     Системные fallback для остального сайта. */
  --bh-font-body: 'DM Sans', -apple-system, BlinkMacSystemFont,
                  'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

  /* Fira Code — моноширный для финансовых цифр (как Bloomberg). */
  --bh-font-mono: 'Fira Code', 'SF Mono', 'Cascadia Mono',
                  Consolas, 'Liberation Mono', monospace;

  /* ============ 11. LAYOUT ============ */
  --bh-sidebar-w:      240px;
  --bh-topbar-h:       64px;
  --bh-container-max:  1300px;

  /* ============ 12. ANIMATIONS ============ */
  --bh-transition-fast:   150ms cubic-bezier(0.4, 0, 0.2, 1);
  --bh-transition:        250ms cubic-bezier(0.4, 0, 0.2, 1);
  --bh-transition-slow:   400ms cubic-bezier(0.4, 0, 0.2, 1);
}