/* ============================================ */
/* DESIGN SYSTEM VARIABLES — MANTIK HUB          */
/* ============================================ */

:root {
  /* Laranja Mantik (Acento principal) */
  --cor-primaria:        #FF6B1A;
  --cor-primaria-hover:  #E55A0F;
  --cor-primaria-suave:  rgba(255, 107, 26, 0.12);

  /* Bases escuras */
  --cor-base-escura:     #0F1729;
  --cor-base-media:      #1E293B;
  --cor-base-card:       #1E2A45; /* Variação premium escura */

  /* Neutros */
  --cor-branco:          #FFFFFF;
  --cor-cinza-claro:     #E2E8F0;
  --cor-cinza-medio:     #94A3B8;
  --cor-cinza-texto:     #64748B;
  --cor-texto-claro:     #F1F5F9;

  /* Status e Feedbacks */
  --cor-sucesso:         #10B981;
  --cor-sucesso-suave:   rgba(16, 185, 129, 0.1);
  --cor-erro:            #EF4444;
  --cor-erro-suave:      rgba(239, 68, 68, 0.1);
  --cor-aviso:           #F59E0B;
  --cor-aviso-suave:     rgba(245, 158, 11, 0.1);
  --cor-info:            #3B82F6;
  --cor-info-suave:      rgba(59, 130, 246, 0.1);
  --cor-lido:            #20D3F5; /* Azul do tick do WhatsApp */
  --cor-lido-suave:      rgba(32, 211, 245, 0.1);

  /* WhatsApp oficial */
  --cor-whatsapp:        #25D366;
  --cor-whatsapp-hover:  #1DA851;

  /* Fontes e Escala */
  --fonte-principal: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  
  --borda-radius-sm: 6px;
  --borda-radius-md: 10px;
  --borda-radius-lg: 16px;
  
  --transicao-rapida: 150ms ease;
  --transicao-normal: 250ms ease;
}