@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root {
  --primary: #FF7A00;
  --primary-deep: #E65A00;
}

*:not(i):not([class*="icon"]):not([class*="lucide"]):not([class*="fa-"]):not(svg):not(svg *) {
  font-family: 'Inter', sans-serif !important;
}

body {
  background: #050505 !important;
  color: #fff !important;
}

/* Botões primários (Prosseguir, Aplicar) */
button[type="submit"],
.btn-primary,
button.bg-black,
button:not([type="button"]):not([class*="text-red"]):not(.text-gray-500):not(:has(.fa-arrow-left)):not(:has(.fa-discord)) {
  background: linear-gradient(135deg, #FF7A00 0%, #E65A00 100%) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  padding: 12px 24px !important;
  box-shadow: 0 4px 16px -4px rgba(255,122,0,0.4) !important;
  transition: all 200ms !important;
}

button[type="submit"]:hover,
.btn-primary:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px -4px rgba(255,122,0,0.6) !important;
}

/* Botão Voltar — pill laranja com ícone */
button:has(i.fa-arrow-left),
button:has(.fa-arrow-left) {
  background: rgba(255,122,0,0.1) !important;
  color: #FF7A00 !important;
  border: 1px solid rgba(255,122,0,0.25) !important;
  border-radius: 999px !important;
  padding: 8px 16px 8px 14px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  box-shadow: none !important;
  transition: all 200ms !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  width: fit-content !important;
}

button:has(.fa-arrow-left):hover {
  background: rgba(255,122,0,0.2) !important;
  border-color: #FF7A00 !important;
  color: #FFB04D !important;
  transform: translateX(-2px) !important;
}

button i.fa-arrow-left {
  color: inherit !important;
  font-size: 12px !important;
  transition: transform 200ms !important;
}

button:has(.fa-arrow-left):hover i.fa-arrow-left {
  transform: translateX(-2px) !important;
}

/* Botão Discord */
button:has(i.fa-discord),
button:has(.fa-discord),
button[class*="discord"] {
  background: linear-gradient(135deg, #5865F2 0%, #4752C4 100%) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 10px 18px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  box-shadow: 0 4px 16px -4px rgba(88,101,242,0.4) !important;
  transition: all 200ms !important;
}

button:has(.fa-discord):hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px -4px rgba(88,101,242,0.6) !important;
}

button i.fa-discord {
  color: inherit !important;
  font-size: 16px !important;
}

/* Links (texto azul → laranja) */
a:not([href*="back"]),
[class*="text-blue"],
[class*="text-indigo"] {
  color: #FF7A00 !important;
}

a:not([href*="back"]):hover {
  color: #FFB04D !important;
}

/* Cancelar — laranja claro ao invés de vermelho */
[class*="text-red"],
button[class*="text-red"],
a[class*="text-red"],
.text-red-500,
.text-red-600,
.text-red-400 {
  color: #FF7A00 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  font-weight: 600 !important;
}

[class*="text-red"]:hover {
  color: #FFB04D !important;
}

/* Inputs */
input, select {
  background: #0a0a0a !important;
  border: 1px solid rgba(255,122,0,0.2) !important;
  color: #fff !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  font-weight: 500 !important;
  transition: border-color 200ms !important;
}

input:focus, select:focus {
  border-color: #FF7A00 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(255,122,0,0.15) !important;
}

input::placeholder {
  color: rgba(255,255,255,0.3) !important;
}

/* SVG (ícones) */
svg {
  display: inline-block !important;
  vertical-align: middle !important;
}

/* Steps (1-2-3-4) */
[class*="step"], [class*="circle"] {
  font-weight: 800 !important;
}