/* ============================================================
   ApoiaCV — Design Tokens
   Paleta institucional, tipografia e espaçamento
   ============================================================ */

:root {
  /* ── Cores Primárias ── */
  --cor-primaria:        #1e3a5f;   /* Azul institucional escuro */
  --cor-primaria-hover:  #152d4a;
  --cor-primaria-light:  #2a4d7a;
  --cor-primaria-bg:     #e8eef5;   /* Azul muito claro para fundos */

  /* ── Cores Secundárias ── */
  --cor-grafite:         #374151;
  --cor-grafite-light:   #4b5563;
  --cor-grafite-bg:      #f3f4f6;

  /* ── Status ── */
  --cor-sucesso:         #059669;
  --cor-sucesso-bg:      #ecfdf5;
  --cor-sucesso-borda:   #a7f3d0;

  --cor-alerta:          #d97706;
  --cor-alerta-bg:       #fffbeb;
  --cor-alerta-borda:    #fde68a;

  --cor-erro:            #dc2626;
  --cor-erro-bg:         #fef2f2;
  --cor-erro-borda:      #fecaca;

  --cor-info:            #2563eb;
  --cor-info-bg:         #eff6ff;
  --cor-info-borda:      #bfdbfe;

  --cor-aguardando:      #7c3aed;
  --cor-aguardando-bg:   #f5f3ff;
  --cor-aguardando-borda:#c4b5fd;

  /* ── Neutras ── */
  --cor-branco:          #ffffff;
  --cor-fundo:           #f8f9fb;
  --cor-fundo-card:      #ffffff;
  --cor-borda:           #e5e7eb;
  --cor-borda-forte:     #d1d5db;
  --cor-texto:           #1f2937;
  --cor-texto-secundario:#6b7280;
  --cor-texto-terciario: #9ca3af;
  --cor-hover-linha:     #f9fafb;

  /* ── Tipografia ── */
  --fonte-principal:     'Source Sans 3', 'Segoe UI', -apple-system, sans-serif;
  --fonte-mono:          'Source Code Pro', 'Consolas', monospace;
  --fonte-titulo:        'Source Sans 3', 'Segoe UI', -apple-system, sans-serif;

  --texto-xs:   0.75rem;     /* 12px */
  --texto-sm:   0.8125rem;   /* 13px */
  --texto-base: 0.875rem;    /* 14px */
  --texto-md:   1rem;        /* 16px */
  --texto-lg:   1.125rem;    /* 18px */
  --texto-xl:   1.25rem;     /* 20px */
  --texto-2xl:  1.5rem;      /* 24px */
  --texto-3xl:  1.875rem;    /* 30px */

  --peso-normal:  400;
  --peso-medio:   500;
  --peso-semi:    600;
  --peso-bold:    700;

  /* ── Espaçamento ── */
  --esp-1:  0.25rem;   /* 4px */
  --esp-2:  0.5rem;    /* 8px */
  --esp-3:  0.75rem;   /* 12px */
  --esp-4:  1rem;      /* 16px */
  --esp-5:  1.25rem;   /* 20px */
  --esp-6:  1.5rem;    /* 24px */
  --esp-8:  2rem;      /* 32px */
  --esp-10: 2.5rem;    /* 40px */
  --esp-12: 3rem;      /* 48px */

  /* ── Bordas ── */
  --radius-sm:  4px;
  --radius-md:  6px;
  --radius-lg:  8px;
  --radius-xl:  12px;

  /* ── Sombras (discretas) ── */
  --sombra-sm:  0 1px 2px rgba(0,0,0,0.05);
  --sombra-md:  0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
  --sombra-lg:  0 4px 6px rgba(0,0,0,0.06), 0 2px 4px rgba(0,0,0,0.04);
  --sombra-xl:  0 10px 15px rgba(0,0,0,0.06), 0 4px 6px rgba(0,0,0,0.04);

  /* ── Layout ── */
  --sidebar-largura:   240px;
  --header-altura:     56px;
  --conteudo-max:      1280px;

  /* ── Transições ── */
  --transicao-rapida:  150ms ease;
  --transicao-normal:  200ms ease;
  --transicao-lenta:   300ms ease;
}