@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Montserrat:wght@400;700&family=Roboto+Condensed:ital,wght@1,400;1,700&family=Roboto:ital,wght@0,300;0,400;0,500;1,400&display=swap');

:root {
    --primary: #B90D12;
    --emphasis-red: #E60000;
    --gradient-tan: #DDB599;
    --bg-dark: #000000;
    /* 2. Definição das Variáveis de Tipografia */
    --font-primary: 'Montserrat', sans-serif; /* Para Títulos */
    --font-secondary: 'Roboto', sans-serif; /* Para Textos e Parágrafos */
    --font-tertiary: 'Inter', sans-serif;
    --font-condensed: 'Roboto Condensed', sans-serif;

    --fs-h1: 2rem;
    --fs-body: 1rem;
    --text-color-primary: #000000;
    --text-color-secondary: #B90D12;
}

h1, h2, h3 {
    font-family: var(--font-primary);
    font-weight: 700;
}

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
  font-family: var(--font-secondary);
    -webkit-font-smoothing: antialiased;
   color: var(--text-color-primary);
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}