@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');

@font-face {
  font-family: 'Bowie';
  src: url('/fonts/Bowie.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

:root {
  --color-verde-musgo-oscuro: #253D39;
  --color-crema-claro: #E9DACE;
  --color-verde-oliva: #595D4E;
  --color-beige: #DFC3AA;
}

body {
  font-family: 'Montserrat', sans-serif;
  color: var(--color-verde-musgo-oscuro);
  background-color: var(--color-crema-claro);
}

h1, h2, h3 {
  font-family: 'Bowie', serif;
  color: var(--color-verde-musgo-oscuro);
}

.bg-crema { background-color: var(--color-crema-claro); }
.bg-verde-musgo { background-color: var(--color-verde-musgo-oscuro); }
.bg-oliva { background-color: var(--color-verde-oliva); }
.bg-beige { background-color: var(--color-beige); }

.text-verde-musgo { color: var(--color-verde-musgo-oscuro); }
.text-oliva { color: var(--color-verde-oliva); }
.text-beige { color: var(--color-beige); }