/* =========================
   THEME.CSS
   Paleta de colores, sombras y estilos globales
========================= */

:root {
  --color-primary: #c26e25;
  --color-secondary: #ff7043;
  --color-bg: #fff8f2;
  --color-text: #040302;
  --color-muted: #757575;
  --shadow-light: 0 2px 5px rgba(0, 0, 0, 0.1);
}



.header {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 30px;
  box-shadow: var(--shadow-light);
}

.header .logo {
  font-weight: 700;
  font-size: 1.2rem;
  color: var(--color-primary);
}

.nav a {
  margin: 0 15px;
  font-weight: 500;
  color: var(--color-text);
}

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