/* ============================================================
   Design Tokens — Athenas / eMentor B2B
   Fase 0 da auditoria de design system (jul/2026): camada única de
   variáveis CSS para espaçamento, raio, sombra, z-index e tipografia.
   Ver athenas/templates/DESIGN_TOKENS.md para o racional de cada valor.

   O QUE NÃO ESTÁ AQUI, DE PROPÓSITO:
   - Cor de marca por tenant (--primary, --primary-100/500/900,
     --secondary*, --contraste, --success/--info/--warning/--danger):
     já são globais via athenas/static/css/color_overlap.css e
     setadas em tempo real por cliente white-label em
     athenas/templates/components/color_overlap.html (lê o model
     Config via Gestor Master). Não duplicar/redeclarar aqui.
   - --font-family-sans-serif e os --breakpoint-*: também já globais
     via color_overlap.css (Bootstrap 4). Use-os normalmente.
   ============================================================ */

:root{
  /* ---- Marca eMentor (estática, plataforma; NÃO é a cor do tenant) ----
     Extraída diretamente dos ativos oficiais de logo em
     athenas/static/img/logos/*.svg. Usar apenas em chrome que é
     sempre da eMentor (tela de login, badge "powered by", favicon
     adjacente) — nunca como substituto de --primary do tenant. */
  --brand-purple: #320152;
  --brand-yellow: #FFB527;

  /* ---- Escala neutra (cinzas) ----
     color_overlap.css só define --gray/--gray-dark (2 tons). Esta
     escala cobre os hex soltos hoje espalhados em CSS/inline
     (#e5e7eb, #9ca3af, #6b7280, #f3f4f6 etc.) */
  --neutral-50:  #f9fafb;
  --neutral-100: #f3f4f6;
  --neutral-200: #e5e7eb;
  --neutral-300: #d1d5db;
  --neutral-400: #9ca3af;
  --neutral-500: #6b7280;
  --neutral-600: #4b5563;
  --neutral-700: #374151;
  --neutral-800: #1f2937;
  --neutral-900: #111827;

  /* ---- Tipografia ----
     Tamanho em escala modular; peso e família seguem o que já está
     carregado globalmente (Inter, via --font-family-sans-serif). */
  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --font-weight-regular:  400;
  --font-weight-medium:   500;
  --font-weight-semibold: 600;
  --font-weight-bold:     700;

  /* ---- Espaçamento (base 4px) ---- */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* ---- Raio de borda ----
     Hoje em produção: 0, 3px, 4px, 6px, 8px, 10px, 12px, 14px, 16px,
     20px, 28px, 50%, 999px, quase sempre inline. Estes 6 tokens
     cobrem os mesmos casos de uso; componente novo usa só estes. */
  --radius-sm:     4px;  /* inputs, chips pequenos */
  --radius-md:     8px;  /* botões, cards densos */
  --radius-lg:     12px; /* cards padrão */
  --radius-xl:     16px; /* cards destacados, modais */
  --radius-pill:   999px; /* botão/chip em pílula */
  --radius-circle: 50%;   /* avatar, ícone circular */

  /* ---- Sombra (elevação) ---- */
  --shadow-sm: 0 1px 2px rgba(0,0,0,.05);
  --shadow-md: 0 2px 8px rgba(0,0,0,.08);
  --shadow-lg: 0 8px 24px rgba(0,0,0,.12);

  /* ---- Escala de z-index ----
     Hoje: valores soltos de 1040 a 100000. Os fixos abaixo cobrem
     camadas de LAYOUT da aplicação (não os componentes do próprio
     Bootstrap, que já tem sua própria escala interna 1000-1070 —
     não sobrescrever isso aqui). Para overlays próprios que
     precisam ficar acima de QUALQUER componente Bootstrap, use
     --z-app-overlay (2000+), nunca um número arbitrário maior. */
  --z-app-header:   100;
  --z-app-sidebar:  110;
  --z-app-dropdown: 120;
  --z-app-overlay:  2000;
  --z-app-toast:    2100;
}