/* theme.css */

/* Colores principales */
:root {
  --base: #dd596e; /* Nuevo color base */
  --azul-petroleo: #0C3B4C; /* Usado solo en vistas seleccionadas */
  --azul-gris: #163B46;
  
  --coral: #D95E6C;
  --dorado: #E9C46A;
  --beige: #F8F3E6;
}

.note{
  color: var(--beige);
}

/* Fondo general */
body {
  background-color: var(--base);
  color: var(--beige);
}


header {
  text-align: center; 
  background-color: var(--base);
  /* background: linear-gradient(180deg, var(--base) 0%, var(--azul-gris) 100%); */
}



header h1 {
  font-size: 5.3rem; 
  color: var(--crema);
}
header h2 {
  font-size: 2rem; 
  color: var(--crema);
}

header p {
  font-size: 1.2rem;
  color: var(--dorado);
}

nav {
  background-color: var(--base);
  text-align: center;
}

nav a {
  color: var(--beige); 
  font-weight: 600;
}

nav a:hover {
  color: var(--dorado);
}

.hero {
  text-align: center; 
}

.btn {
  background-color: var(--dorado);
  color: var(--azul-gris);
}

.btn:hover {
  background-color: var(--crema);
  color: var(--azul-petroleo);
}

footer {
  background-color: var(--base);
  color: var(--beige);
}

/* Tema alterno para vistas seleccionadas */
.page-alt {
  background-color: var(--azul-petroleo);
  color: var(--crema);
}

.page-alt h1 {
  color: var(--dorado);
}


/* TABLE */