/*
  Custom Bootstrap Override CSS
  Paleta suave, elegante e feminina para consumidores de semijóias
  Fonte moderna, elegante e de fácil leitura
  Ajustes para mobile: espaçamento e tipografia
*/

:root {
  /* Paleta de cores elegante, feminina e com mais contraste */
  --bs-primary: #b8006e;   /* Rosa escuro vibrante */
  --bs-secondary: #5a4766; /* Roxo acinzentado escuro */
  --bs-success: #3bb273;   /* Verde esmeralda */
  --bs-info: #3a7ca5;      /* Azul médio */
  --bs-warning: #ffb347;   /* Amarelo dourado */
  --bs-danger: #e94f64;    /* Vermelho rosado */
  --bs-light: #f8f6fa;     /* Branco rosado */
  --bs-dark: #2d2233;      /* Roxo profundo */
  --bs-body-bg: #f6f0f7;   /* Lilás muito claro */
  --bs-body-color: #2d2233;/* Texto principal escuro */
}

body, .form-control, .btn, .navbar, .card, .modal-content {
  font-family: 'Poppins', 'Segoe UI', Arial, sans-serif !important;
  color: var(--bs-body-color) !important;
  background-color: var(--bs-body-bg) !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', 'Segoe UI', Arial, sans-serif !important;
  font-weight: 600;
  color: var(--bs-primary);
}

.btn-primary {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  color: #fff !important;
}
.btn-primary:hover, .btn-primary:focus {
  background-color: #d48ab8 !important;
  border-color: #d48ab8 !important;
}

.btn-secondary {
  background-color: var(--bs-secondary) !important;
  border-color: var(--bs-secondary) !important;
  color: #fff !important;
}

a {
  color: var(--bs-primary);
  text-decoration: none;
}
a:hover {
  color: #d48ab8;
  text-decoration: underline;
}

.card {
  border-radius: 1rem;
  box-shadow: 0 2px 8px rgba(233, 182, 211, 0.08);
  background: #fffafd;
}


.navbar {
  background-color: var(--bs-primary) !important;
  color: #fff !important;
  border-bottom: 1px solid var(--bs-primary);
}

.form-control {
  border-radius: 0.7rem;
  border: 1px solid #e9b6d3;
  background: #fff;
}

@media (max-width: 600px) {
  html {
    font-size: 16px;
  }
  body {
    padding: 0.5rem;
  }
  .btn, .form-control {
    font-size: 1rem;
    padding: 0.7rem 1.2rem;
  }
  h1 {
    font-size: 2rem;
  }
  h2 {
    font-size: 1.5rem;
  }
  h3 {
    font-size: 1.2rem;
  }
  .card {
    padding: 1rem;
  }
}

/* Importa a fonte Poppins do Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');