/* Global styles */
@tailwind base;
@tailwind components;
@tailwind utilities;

* {
  box-sizing: border-box;
  outline: none;
}

:root {
  --primary-color: #1e40af !important; /* Azul escuro */
  --secondary-color: #2563eb !important; /* Azul médio */
  --tertiary-color: #3b82f6 !important; /* Azul claro */
  --bg-color: #1a1a1a !important; /* Fundo escuro */
  --support-color: #60a5fa !important; /* Azul claro para textos */
}

html,
body {
  padding: 0;
  margin: 0;
  height: 100%;
}

body {
  display: flex;
  padding-top: 6rem; /* Adjusted for header height */
  flex-direction: column;
  position: relative;
  min-height: 100vh;
  overflow-x: hidden;
  background: hsl(196, 95%, 85%) !important; /* FUNDO AZUL CLARO */
  color: lab(95.3% 1.08 -2.89) !important; /* TEXTO AZUL ESCURO */
}

.shadow-rox {
  box-shadow: rgba(70, 130, 180, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

/* Notiflix styles */
.notiflix-notify-success {
  background-color: var(--secondary-color) !important;
  color: white !important;
}

.notiflix-notify-info {
  background-color: var(--tertiary-color) !important;
  color: white !important;
}

.notiflix-notify-failure {
  background-color: #c0392b !important;
  color: white !important;
}

.notiflix-notify {
  top: 83px !important;
  z-index: 9999 !important;
  position: fixed !important;
  max-width: 90vw !important;
  width: 300px !important;
  right: 16px !important;
  left: auto !important;
  border-radius: 8px !important;
  overflow-wrap: break-word;
  box-sizing: border-box;
}

#NotiflixNotifyWrap .notiflix-notify {
  background-clip: padding-box !important;
}
</style>