/**
 * Tipografía La Pradera:
 *   Benguiat Bold    — títulos / productos / logo de texto
 *   Benguiat Regular — subtítulos
 *   Source Sans 3    — párrafos, menú, botones (se carga desde Google Fonts)
 */
@font-face {
  font-family: "Benguiat";
  src: url("../fonts/benguiat-regular.woff2") format("woff2"),
       url("../fonts/benguiat-regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Benguiat";
  src: url("../fonts/benguiat-bold.woff2") format("woff2"),
       url("../fonts/benguiat-bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --lp-font-sans: "Source Sans 3", system-ui, sans-serif;
  --lp-font-display: "Benguiat", Georgia, "Times New Roman", serif;
  --lp-font-subtitle: "Benguiat", Georgia, "Times New Roman", serif;

  /* Paleta canónica de la landing (_landing/css/style.css) */
  --lp-cream: #faf6f0;
  --lp-cream-deep: #f4efe6;
  --lp-paper: #fffdf9;
  --lp-ink: #2c1810;
  --lp-ink-soft: #3d2a22;
  --lp-muted: #6b5348;
  --lp-brand: #AF2B2B;
  --lp-brand-dark: #7D1F1F;
  --lp-brand-muted: rgba(175, 43, 43, 0.55);
  --lp-gold: #C9A84C;
  --lp-gold-soft: #f3e6b3;
  --lp-line: rgba(44, 24, 16, 0.09);
  --lp-line-strong: rgba(44, 24, 16, 0.14);
  --lp-shadow: 0 10px 28px rgba(44, 24, 16, 0.07);
  --lp-shadow-hover: 0 18px 42px rgba(44, 24, 16, 0.12);
  --lp-focus-ring: 0 0 0 3px rgba(175, 43, 43, 0.28);
  --lp-header-bg: rgba(255, 253, 249, 0.92);
  --lp-footer-link: rgba(240, 217, 184, 0.88);

  /* Tienda (tokens Peonia) ← landing */
  --ps-font-sans: var(--lp-font-sans);
  --ps-font-display: var(--lp-font-display);
  --ps-font-family: var(--lp-font-sans);
  --ps-bg: var(--lp-cream);
  --ps-bg-alt: var(--lp-paper);
  --ps-card-bg: var(--lp-paper);
  --ps-header-bg: var(--lp-paper);
  --ps-primary-light: #c45a5a;
  --ps-product-desc-color: var(--lp-ink);
  --ps-primary: var(--lp-brand);
  --ps-primary-dark: var(--lp-brand-dark);
  --ps-primary-soft: var(--lp-cream-deep);
  --ps-accent: var(--lp-gold);
  --ps-text: var(--lp-ink);
  --ps-text-soft: var(--lp-muted);
  --ps-border-subtle: var(--lp-line);
  --ps-shadow-soft: var(--lp-shadow);
  --ps-shadow-subtle: 0 10px 30px rgba(175, 43, 43, 0.15);
}