/* ═══════════════════════════════════════
   SKYAGENT DESIGN TOKENS v1.0
   Единственный источник цветов и размеров.
   Whitelabel: base.html переопределяет :root
   ═══════════════════════════════════════ */
:root {
  --sa-primary:        #0d6efd;
  --sa-primary-hover:  #0b5ed7;
  --sa-accent:         #0dcaf0;
  --sa-success:        #198754;
  --sa-warning:        #ffc107;
  --sa-danger:         #dc3545;

  --sa-sidebar-bg:     #1a1d23;
  --sa-sidebar-width:  220px;
  --sa-sidebar-text:   #c9cdd3;
  --sa-sidebar-active: #ffffff;
  --sa-sidebar-hover:  #2b2f38;
  --sa-sidebar-border: #2b2f38;

  --sa-font:           -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --sa-font-mono:      'JetBrains Mono', 'Fira Code', 'Courier New', monospace;

  --sa-content-pad:    1.5rem;
  --sa-border-radius:  0.5rem;
  --sa-card-shadow:    0 1px 4px rgba(0,0,0,0.08);
  --sa-border-color:   #e9ecef;
}

/* ── Typography Scale (Sprint 3.10) ────────────────────────── */
:root {
  /* Цвета текста */
  --sa-text:           #212529;
  --sa-text-muted:     #6c757d;
  --sa-text-subtle:    #adb5bd;

  /* Размеры шрифтов */
  --sa-size-display:   1.25rem;
  --sa-size-title:     1rem;
  --sa-size-body:      0.875rem;
  --sa-size-label:     0.75rem;
  --sa-size-caption:   0.75rem;
  --sa-size-code:      0.75rem;

  /* Насыщенность */
  --sa-weight-bold:    700;
  --sa-weight-semi:    600;
  --sa-weight-normal:  400;
}

/* ── Layout & Surface (Sprint 3.11) ────────────────────────── */
:root {
  --sa-card-bg:        #ffffff;
  --sa-surface:        #f8f9fa;   /* фон AI-сообщений, вторичные поверхности */
  --sa-gap:            1.25rem;   /* стандартный gap между grid/flex элементами */
}