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

:root {
    --primary-color: #008afe;       /* Azul Claro */
    --secondary-color: #008afe;     /* Azul médio */
    --tertiary-color: #008afe;      /* Azul mais claro */
    --background-color: #131313;    /* cinza de fundo */
    --bg-color: #000000;            /* Preto quase absoluto */
    --stat-color: #232323;
    --support-color: #ffffff;       /* Branco puro (para textos de suporte e hover) */
    --text-color: #ffffff;
}

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

body {
  background-color: var(--background-color) !important;
  display: flex;
  padding-top: 6rem;
  flex-direction: column;
  position: relative;
  min-height: 100vh;
  overflow-x: hidden;
}

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


.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;
  }