/* ============================================================
   alSur de Granada - Paleta de marca "colores del vino"
   ------------------------------------------------------------
   IMPORTANTE: cargar DESPUES de style.css. Este :root pisa al
   suyo y recolorea todo el frontend sin tocar el resto del CSS.
   Los nombres historicos (--olive, --ink, ...) se conservan
   como alias de compatibilidad.
   Comentarios solo en ASCII (regla del proyecto).
   ============================================================ */

:root {
  /* ---- Paleta de marca ------------------------------------ */
  --marca-carbon:       #252020;   /* nav, texto principal */
  --marca-vino:         #634159;   /* botones CTA */
  --marca-vino-medio:   #20634a;   /* hover, precios */
  --marca-rosa:         #AC859A;   /* badges */
  --marca-oro:          #B89055;   /* acento dorado */
  --marca-crema:        #F8F4F0;   /* fondo de pagina */

  /* ---- Tonos derivados (calculados sobre la paleta) ------- */
  --marca-oro-claro:    #D4AD72;   /* dorado claro (hover oro) */
  --marca-verde-oscuro: #20634A;   /* verde de identidad (hovers del menu) */
  --marca-crema-oscura: #EFE8E4;   /* crema sombreada (paneles) */
  --marca-crema-grad:   #E8DFDA;   /* extremo de degradados */
  --marca-carbon-suave: #4A4144;   /* texto secundario oscuro */
  --marca-gris:         #7E7472;   /* texto atenuado */
  --marca-linea:        #E6DDDA;   /* bordes y separadores */
  --marca-seleccion:    #F4EDF1;   /* fondo de opcion marcada */

  /* ---- Alias de compatibilidad (nombres historicos) -------
     El resto del CSS usa estos nombres; apuntan a la marca.   */
  --olive:    var(--marca-vino);
  --olive-d:  var(--marca-vino-medio);
  --gold:     var(--marca-oro);
  --gold-l:   var(--marca-oro-claro);
  --terra:    var(--marca-rosa);
  --cream:    var(--marca-crema);
  --cream-d:  var(--marca-crema-oscura);
  --ink:      var(--marca-carbon);
  --ink-2:    var(--marca-carbon-suave);
  --muted:    var(--marca-gris);
  --line:     var(--marca-linea);
  --surface:  #FFFFFF;

  /* ---- Sombras con base carbon ----------------------------- */
  --shadow:    0 4px 24px rgba(37, 32, 32, .08);
  --shadow-lg: 0 16px 64px rgba(37, 32, 32, .14);
}