<style>
  /* Global styles */
  @tailwind base;
  @tailwind components;
  @tailwind utilities;

  * {
    box-sizing: border-box;
    outline: none;
  }

  :root {
    --primary-color: #4e83d5; /* Cor primária azul */
    --secondary-color: #4e83d5; /* Cor secundária azul */
    --tertiary-color: #4e83d5; /* Cor terciária azul */
    --bg-color: #4e83d5; /* Cor de fundo azul */
    --support-color: #4e83d5; /* Cor de suporte azul */
  }

  html,
  body {
    padding: 0;
    margin: 0;
    height: 100%;
  }

  body {
    display: flex;
    padding-top: 6rem; /* Ajustado para a altura do cabeçalho */
    flex-direction: column;
    position: relative;
    min-height: 100vh;
    overflow-x: hidden;
    /* Background será aplicado pelo sistema de cores dinâmicas */
    color: white; /* Cor do texto padrão */
  }

  .shadow-rox {
    box-shadow: rgba(0, 255, 136, 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;
  }
</style>
