:root {
  /* ===== Marca (extraídas da logo) ===== */
  --tec-carmim:      #C12441;
  --tec-carmim-esc:  #9E1C34;
  --tec-carmim-luz:  #E8556F;
  --tec-navy:        #063259;
  --tec-navy-esc:    #041F38;
  --tec-navy-claro:  #0E4B80;
  --tec-navy-luz:    #1668AE;

  /* ===== Neutros ===== */
  --tec-cinza:       #595959;
  --tec-cinza-claro: #8A8A8A;
  --tec-fundo:       #FFFFFF;
  --tec-fundo-alt:   #F4F6F8;
  --tec-fundo-alt2:  #E9EDF2;
  --tec-borda:       #DDE3EA;
  --tec-borda-suave: #EBEFF4;
  --tec-texto:       #1A1A1A;
  --tec-texto-suave: #4A5560;

  /* ===== Estados ===== */
  --tec-sucesso:     #1E6B3A;
  --tec-sucesso-bg:  #EAF6EE;

  /* ===== Espaçamento (escala 4px) ===== */
  --esp-1: 0.25rem;
  --esp-2: 0.5rem;
  --esp-3: 0.75rem;
  --esp-4: 1rem;
  --esp-5: 1.5rem;
  --esp-6: 2rem;
  --esp-7: 3rem;
  --esp-8: 4rem;
  --esp-9: 6rem;

  /* ===== Raios ===== */
  --raio-sm: 4px;
  --raio-md: 8px;
  --raio-lg: 12px;
  --raio-pill: 999px;

  /* ===== Elevação ===== */
  --sombra-sm: 0 1px 3px rgba(6, 50, 89, 0.08);
  --sombra-md: 0 4px 16px rgba(6, 50, 89, 0.10);
  --sombra-lg: 0 12px 32px rgba(6, 50, 89, 0.14);

  /* ===== Layout ===== */
  --largura-max: 1240px;
  --largura-leitura: 68ch;

  /* ===== Movimento ===== */
  --transicao: 200ms cubic-bezier(0.4, 0, 0.2, 1);
}