/**
 * ViniGalicia — design tokens (tienda pública)
 * Fuente: planificacion_vinigalicia/design_reference/mirror/css/style.css
 * Ver DESIGN_TOKENS.md y DESIGN_SYSTEM.md
 */

@font-face {
  font-family: "Recoleta";
  src: url("../fonts/Latinotype - Recoleta Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Recoleta";
  src: url("../fonts/Latinotype - Recoleta Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Marca */
  --vg-brand: #160d7d;
  --vg-brand-bright: #2c11b5;
  --vg-brand-hover: #333333;
  --vg-text: #160d7d;
  --vg-text-body: #212120;
  --vg-text-on-dark: #ffffff;
  --vg-muted: #8c8c8c;
  --vg-text-light: #9a9cb7;
  --vg-black: #000000;
  --vg-plum-legacy: #261620;

  /* Superficies */
  --vg-surface-page: #ffffff;
  --vg-surface-muted: #f7f7f7;
  --vg-surface-editorial-opener: linear-gradient(180deg, #f4f3f8 0%, #ffffff 72%);
  --vg-surface-editorial-block: #f7f6fb;
  --vg-surface-card-muted: #f4f3f8;
  --vg-surface-promo: var(--vg-brand);
  --vg-border-subtle: rgba(0, 0, 0, 0.08);
  --vg-footer-overlay: rgba(0, 0, 0, 0.4);

  /* Tipografía — misma pila que mirror/css/style.css (body, h*, .recoleta) */
  --vg-font-ui: "Montserrat", sans-serif;
  --vg-font-display: "Recoleta", sans-serif;

  /* Layout */
  --vg-container-max: 1400px;
  --vg-header-z: 10000;
  --vg-overlay-z: 9000;
  --vg-radius-pill: 30px;
  --vg-radius-btn: 20px;
  --vg-header-bar-bg: #160d7d;
  --vg-header-scrim-active: rgba(0, 0, 0, 0.3);
  --vg-shop-pad-top: 7.5rem;

  /* Puente migración tienda_vinigalicia (clases mr-* heredadas de MR) */
  --mr-gold: var(--vg-brand);
  --mr-gold-alt: var(--vg-brand);
  --mr-text: var(--vg-text-body);
  --mr-text-dark: var(--vg-black);
  --mr-heading-plum: var(--vg-text);
  --mr-muted: var(--vg-muted);
  --mr-label: var(--vg-text-light);
  --mr-plum: var(--vg-brand);
  --mr-white: var(--vg-text-on-dark);
  --mr-font-ui: var(--vg-font-ui);
  --mr-font-body: var(--vg-font-display);
  --mr-font-display: var(--vg-font-display);
  --mr-container-max: var(--vg-container-max);
  --mr-header-z: var(--vg-header-z);
  --mr-btn-reserva-hover: var(--vg-brand-hover);
  --mr-radius-pill: var(--vg-radius-pill);
  --mr-nav-pill-tienda-bg: transparent;
  --mr-surface-editorial-opener: var(--vg-surface-editorial-opener);
  --mr-surface-editorial-block: var(--vg-surface-editorial-block);
  --mr-surface-card-muted: var(--vg-surface-card-muted);
  --mr-footer-rule: #d3d3d3;
}