/* -------------------------------------------
   RESET E CONFIGURAÇÕES GERAIS
------------------------------------------- */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
  
html, body {
  height: 100%;
}
  
/* -------------------------------------------
    VARIÁVEIS DE TEMA
------------------------------------------- */
:root {
  --font-primary: 'Georgia', serif;
  --font-secondary: 'Montserrat', sans-serif;

  --color-accent: #9c27b0;
  --color-button: #9c27b0;
  --color-button-hover: #7B1FA2;
  --color-button-text: #ffffff;

  --color-text-secondary: #6c757d;
  --color-text-highlight: #4a3c00;
  --color-bg-highlight: #fff9e6;
}
  
/* -------------------------------------------
   HEADER / NAVBAR
------------------------------------------- */
.navbar-nav .nav-link {
  position: relative;
  padding: 0.8rem 1.2rem;
  font-size: 1.1rem;
  color: var(--color-text-highlight);
}
  
.navbar-nav .nav-link::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 2px;
  background: var(--color-accent);
  transition: width 300ms ease-in-out;
}
  
.navbar-nav .nav-link:hover::after {
  width: 100%;
}

.header .logo {
  width: 100px;
  height: 50px;
}

.btn-register {
  border: none;
  transition: all 0.8s ease;
  border-radius: 50px;
}

.btn-register:hover {
  /* color: var(--color-bg-highlight);
  background-color: var(--color-text-secondary); */
  transform: scale(1.05);
}

.btn-login {
  margin-left: 10px;
  padding: 8px 18px;
  border-radius: 50px;
  font-size: 1rem;
  background-color: var(--color-accent);
  color: var(--color-bg-highlight);
  border: none;
  transition: all 0.3s ease;
}

.btn-login:hover {
  color: var(--color-bg-highlight);
  background-color: var(--color-accent);
  transform: scale(1.05);
}