/* =================================================================
   MOOV 3D — Tokens de design
   Fonte da verdade: docs/04-design-system.md

   NENHUM componente deste projeto escreve cor, raio, espaçamento ou
   sombra em valor bruto. Tudo consome as variáveis daqui.
   ================================================================= */

:root {
  /* ---- Marca ---- */
  --moov-azul:        #0B6EFD;
  --moov-azul-claro:  #5E9EF5;
  --moov-azul-escuro: #0A56C4;
  --moov-preto:       #0D0D0D;
  --azul-texto:       #0A61DE;   /* azul só para texto/ícone — AA no branco e no cinza */

  /* ---- Superfícies ---- */
  --bg:            #F5F5F7;   /* fundo geral */
  --surface:       #FFFFFF;   /* cards */
  --surface-2:     #FBFBFD;   /* inputs, áreas rebaixadas */
  --surface-dark:  #1D1D1F;   /* seções escuras */

  /* ---- Texto ---- */
  --text:           #1D1D1F;
  --text-secondary: #5A5A60;
  --text-tertiary:  #6E6E73;
  --text-invertido: #FFFFFF;

  /* ---- Bordas ---- */
  --border:        rgba(0,0,0,0.08);
  --border-strong: rgba(0,0,0,0.14);

  /* ---- Semânticas ---- */
  --sucesso: #34C759;
  --alerta:  #FF9F0A;
  --erro:    #FF3B30;
  --info:    var(--moov-azul);

  /* Fundos suaves das semânticas (badges) */
  --sucesso-bg: rgba(52,199,89,0.12);
  --alerta-bg:  rgba(255,159,10,0.12);
  --erro-bg:    rgba(255,59,48,0.12);
  --info-bg:    rgba(11,110,253,0.10);

  /* Texto sobre os fundos suaves (contraste AA) */
  --sucesso-texto: #1E7E34;
  --alerta-texto:  #9C5D00;
  --erro-texto:    #C4271E;

  /* ---- Sombras ---- */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.06);
  --shadow-lg: 0 12px 40px rgba(0,0,0,0.08);
  --shadow-xl: 0 24px 64px rgba(0,0,0,0.12);

  /* Sombra própria do botão primário */
  --shadow-azul:       0 4px 14px rgba(11,110,253,0.28);
  --shadow-azul-hover: 0 8px 22px rgba(11,110,253,0.36);

  /* ---- Raios ---- */
  --raio-sm: 8px;
  --raio-md: 12px;
  --raio-lg: 18px;
  --raio-xl: 24px;
  --raio-full: 100px;

  /* ---- Espaçamento (escala de 4) ---- */
  --sp-1: 4px;   --sp-2: 8px;   --sp-3: 12px;  --sp-4: 16px;
  --sp-5: 20px;  --sp-6: 24px;  --sp-8: 32px;  --sp-10: 40px;
  --sp-12: 48px; --sp-16: 64px; --sp-20: 80px; --sp-24: 96px;

  /* ---- Tipografia ---- */
  --fonte: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* ---- Transições ---- */
  --transicao:       0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transicao-lenta: 0.4s cubic-bezier(0.16, 1, 0.3, 1);

  /* ---- Layout ---- */
  --container:    1180px;
  --container-sm: 780px;
  --header-h:     68px;

  /* ---- Painel admin ---- */
  --sidebar-w:           240px;
  --sidebar-w-colapsada: 72px;

  /* ---- Camadas ---- */
  --z-header:  100;
  --z-drawer:  200;
  --z-modal:   300;
  --z-toast:   400;
}