/* Esponsalia — tokens de marca. v2, septiembre 2026 */

:root {
  /* ---- Paleta ---- */
  --lacre:        #6B1F2A;  /* el color de la marca */
  --lacre-claro:  #8F4450;  /* SOLO el anillo interior del sello */
  --tinta:        #1C1B19;  /* textos */
  --hueso:        #F4EFE6;  /* fondos */
  --hueso-borde:  #DCD5C7;  /* lineas finas y bordes */
  --oro-viejo:    #B08D57;  /* acento, maximo 5% de la pantalla */
  --oliva:        #7C7F62;  /* acento, maximo 5% de la pantalla */

  /* ---- Texto ----
     Contrastes medidos sobre --hueso (WCAG 2.1):
       --texto        15.0:1  OK para todo
       --texto-suave   4.6:1  OK para cuerpo (minimo AA es 4.5:1)
       --texto-tenue   2.1:1  NO USAR PARA TEXTO. Solo lineas, separadores
                              y bordes decorativos.                        */
  --texto:        var(--tinta);
  --texto-suave:  #6E6C66;
  --texto-tenue:  #A9A79F;

  /* ---- Tipografia ---- */
  --serif: "Playfair Display", Georgia, "Times New Roman", serif;
  --sans:  Inter, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* ---- Escala de tipo ---- */
  --t-display: 2.75rem;   /* logotipo, nombres de los novios */
  --t-titulo:  1.75rem;
  --t-cuerpo:  1rem;
  --t-chico:   0.8125rem;

  /* ---- Forma ---- */
  --radio: 2px;           /* casi cuadrado: la marca no es redondeada */
  --tracking-logo: 0.20em;
}

body {
  background: var(--hueso);
  color: var(--texto);
  font-family: var(--sans);
  font-size: var(--t-cuerpo);
  line-height: 1.7;
}

h1, h2, h3, .logotipo {
  font-family: var(--serif);
  font-weight: 400;
}

.logotipo {
  letter-spacing: var(--tracking-logo);
  text-transform: uppercase;
}

hr, .linea {
  border: 0;
  border-top: 1px solid var(--hueso-borde);
}