/* ─── TEMA NARANJILLA ───────────────────────────────────────────────────────
 *
 *  Paleta extraída de la fruta naranjilla (Solanum quitoense):
 *
 *    Piel exterior   →  #F5A31C  naranja cálido
 *    Sombra/profundo →  #C97B10  naranja oscuro
 *    Pulpa interior  →  #8D9E28  verde oliva (sección transversal)
 *    Hojas           →  #3E7820  verde profundo
 *    Fondo           →  #FDF8EF  crema cálido (vs gris frío del tema teal)
 *
 *  Uso: enlazar DESPUÉS de main.css para sobreescribir las variables de color.
 *  El tema teal original sigue disponible en main.css intacto.
 * ─────────────────────────────────────────────────────────────────────────── */

:root {
  /* Superficie y tipografía — tonos cálidos en lugar de fríos */
  --ink:        #1C0E04;
  --ink-soft:   #5C3A18;
  --ink-muted:  #9E7E52;
  --surface:    #FDF8EF;
  --white:      #FFFFFF;

  /* Color primario: naranja naranjilla (reemplaza teal) */
  --teal:       #F5A31C;
  --teal-dark:  #C97B10;
  --teal-glow:  rgba(245, 163, 28, 0.18);

  /* Bordes y sombras con temperatura cálida */
  --border:       rgba(60, 30, 5, 0.08);
  --shadow-card:  0 4px 32px rgba(60, 30, 5, 0.10);
  --radius:       20px;

  /* Colores extra de la fruta (disponibles para uso puntual) */
  --pulpa:        #8D9E28;   /* verde oliva — interior */
  --pulpa-dark:   #6A7A1A;   /* verde oliva oscuro */
  --hoja:         #3E7820;   /* verde hoja */
}

/* Nav y logo: fondo cálido en lugar de azul noche */
nav {
  background: rgba(253, 248, 239, 0.88);
}

/* Sin caja de fondo — la naranjilla es el icono */
.logo-icon {
  background: none;
  border-radius: 0;
  width: 46px;
  height: 46px;
}

.logo {
  align-items: center;
}

.logo-words {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.logo-tagline {
  display: block;
  font-size: 0.62rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: var(--teal-dark);
  line-height: 1;
  margin-top: 1px;
}

.logo-text {
  background: linear-gradient(135deg, var(--ink) 0%, var(--teal-dark) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Footer: marrón cálido oscuro en lugar de azul noche */
footer {
  background: #1C0E04;
}