/* ═══════════════════════════════════════
   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 элементами */
}

/* ── Public Zone / Dark nav+sidebar (landing-aligned) ──────── */
/* Используется: navbar, sidebar, pre-portal auth зона.        */
/* Значения идентичны skyagent_landing.css :root               */
:root {
  --sa-pub-bg:       #030712;
  --sa-pub-accent:   #3b82f6;
  --sa-pub-accent-h: #2563eb;
  --sa-pub-text:     #f1f5fa;
  --sa-pub-muted:    #94a2b8;
  --sa-pub-dim:      #475769;
  --sa-pub-border:   #1a2850;
  --sa-pub-nav-h:    48px;
  --sa-pub-promo-h:  36px;
  --sa-pub-inner:    1280px;
  --sa-pub-t:        all .2s ease;
  --sa-pub-r-btn:    8px;
  /* Workspace — светлая рабочая область портала */
  --sa-work-bg:      #f8fafc;
}