/**
 * Méndez Rojo — tokens de diseño (paridad Prodesin / diseño_pagina/css/style.css)
 * Cargar antes o después según necesidad: si va después, puede sobreescribir;
 * para overrides de tienda, cargar este fichero DESPUÉS de style.css del mirror.
 */
:root {
  /* Color — base (~ style.css líneas 17-24, 55-57, 124-139) */
  --mr-text: #212120;
  --mr-text-dark: #000000;
  --mr-link-hover: #212120;
  --mr-gold: #b49646;
  --mr-gold-alt: #b49647; /* variantes en .nav-link:hover y nav-pills */
  --mr-heading-plum: #3a3543;
  --mr-muted: #8c8c8c;
  --mr-label: #aeaeae;
  --mr-plum: #261620;
  --mr-white: #ffffff;
  --mr-border-subtle: rgba(0, 0, 0, 0.08);
  --mr-footer-rule: #d3d3d3;
  --mr-footer-overlay: rgba(0, 0, 0, 0.4);
  --mr-header-scrim: rgba(0, 0, 0, 0.9);
  /* Fila del header: degradado al hacer scroll (arriba del todo va transparente; shop-header-scrim.js). */
  --mr-header-bar-gradient: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.9) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  --mr-btn-reserva-hover: #333333;

  /* Tipografía */
  --mr-font-ui: "Poppins", system-ui, -apple-system, sans-serif;
  --mr-font-body: "Baskervville", "Libre Baskerville", Georgia, serif;
  --mr-font-display: "Noto Serif Display", "Times New Roman", Times, serif;

  /* Layout */
  --mr-container-max: 1400px;
  --mr-header-z: 10000;
  --mr-overlay-z: 9000;
  --mr-logo-max: 250px;
  --mr-footer-logo-max: 350px;

  /* Componentes */
  --mr-radius-pill: 20px;
  --mr-nav-pill-tienda-bg: var(--mr-gold);
}

/* Utilidades opcionales alineadas a tokens (no sustituyen .dorado del mirror) */
.mr-text-body {
  color: var(--mr-text);
  font-family: var(--mr-font-ui);
}

.mr-text-editorial {
  font-family: var(--mr-font-body);
  font-size: 1.1em;
  line-height: 1.4;
}

.mr-gold {
  color: var(--mr-gold) !important;
}