@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,500;1,6..96,400&family=Jost:wght@300;400;500&family=Pinyon+Script&display=swap');

/* ─────────────────────────────────────────────────────────────
   Paleta: Verde oliva + crema marfil + dorado discreto
   Tipografía moderna: Jost (body/UI) + Bodoni Moda (display)
───────────────────────────────────────────────────────────── */
:root {
  /* ── Verdes oliva ───────────────────────────────────────── */
  --ol-deep:    #2D3A26;   /* oliva oscuro — hero, footer */
  --ol-mid:     #3F5035;   /* oliva medio — botones, accents */
  --ol-base:    #556B45;   /* oliva base */
  --ol-soft:    #7A9066;   /* oliva suave */
  --ol-pale:    #C8D4BE;   /* oliva pálido — fondos suaves */
  --ol-tint:    #EDF0E8;   /* verde casi blanco — fondo sección */

  /* ── Neutros crema ──────────────────────────────────────── */
  --cr-white:   #FAFAF7;   /* blanco cálido */
  --cr-paper:   #F4F2ED;   /* papel marfil */
  --cr-sand:    #E8E3D8;   /* arena */
  --cr-line:    #DDD8CC;   /* borde */

  /* ── Dorado discreto ────────────────────────────────────── */
  --gd-base:    #B89A5E;   /* dorado base */
  --gd-light:   #D4BC87;   /* dorado claro (sobre oscuro) */
  --gd-pale:    rgba(184,154,94,.15);

  /* ── Tintas ─────────────────────────────────────────────── */
  --ink-dark:   #1A1F17;   /* casi negro verde */
  --ink-mid:    #3A4234;   /* medio */
  --ink-soft:   #6B7562;   /* suave */

  /* ── Aliases ────────────────────────────────────────────── */
  --paper:      var(--cr-paper);
  --paper-2:    var(--ol-tint);
  --ivory:      var(--cr-white);
  --white:      var(--cr-white);
  --ink:        var(--ink-dark);
  --ink-2:      var(--ink-mid);
  --ink-3:      var(--ink-soft);
  --muted:      var(--ink-mid);
  --olive:      var(--ol-mid);
  --sage-light: var(--ol-tint);
  --sage:       var(--ol-soft);
  --sage-mid:   var(--ol-base);
  --line:       var(--cr-line);
  --gold:       var(--gd-base);
  --gold-light: var(--gd-light);
  --gold-text:  var(--gd-base);
  --gold-deep:  #9A7D45;
  --champagne:  var(--gd-base);
  --champagne-text: #9A7D45;
  --rule:       var(--ol-mid);

  /* ── Tipografía moderna ─────────────────────────────────── */
  --f-display: 'Bodoni Moda', 'Didot', Georgia, serif;  /* titulares elegantes */
  --f-script:  'Pinyon Script', cursive;              /* nombres / caligrafía */
  --f-body:    'Jost', system-ui, sans-serif;      /* todo lo demás — moderno */
  --f-mast:    'Jost', system-ui, sans-serif;      /* ya no usamos gótica */

  /* ── Hero variables ─────────────────────────────────────── */
  --dr-bg:      var(--ol-deep);
  --dr-bg-2:    var(--ol-mid);
  --dr-cream:   var(--cr-white);
  --dr-cream-2: rgba(250,250,247,.6);

  /* ── Álbum variables ────────────────────────────────────── */
  --mo-bg:      var(--ol-mid);
  --mo-bg-2:    var(--ol-base);
  --mo-cream:   var(--cr-white);

  /* ── Old Money variables ────────────────────────────────── */
  --om-bg:      var(--cr-paper);
  --om-bg-2:    var(--ol-tint);
  --om-ink:     var(--ink-dark);
  --om-ink-2:   var(--ink-mid);
  --om-ink-3:   var(--ink-soft);
  --om-line:    var(--cr-line);

  --ease: cubic-bezier(.22, .8, .24, 1);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01s !important;
    transition-duration: .01s !important;
  }
}