/* ============================================================
   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) ----
     Escala oficial do "Guia da Marca eMentor" (marketing, jul/2026).
     Usar em chrome que é sempre da eMentor (tela de login, badge
     "powered by", favicon adjacente) e como base do layout visual
     do próprio produto — nunca como substituto de --primary do
     tenant white label, que continua vindo de color_overlap.css. */
  --brand-purple-100: #E7DBFF;
  --brand-purple-200: #CCB4FF;
  --brand-purple-300: #B18BFF;
  --brand-purple-500: #7B3FE3;
  --brand-purple-700: #451C7D;
  --brand-purple-900: #1B0A37;
  --brand-black: #222222;

  /* ---- 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 ----
     Fonte: Inter (já carregada globalmente via --font-family-sans-serif).
     Pesos exatamente os 4 definidos no Guia da Marca eMentor: 300/400/700/800. */
  --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-light:     300; /* Inter 300 — textos pequenos */
  --font-weight-regular:   400; /* Inter 400 — corpo de texto */
  --font-weight-bold:      700; /* Inter 700 — título secundário */
  --font-weight-extrabold: 800; /* Inter 800 — título principal */

  /* ---- 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;
}