/* BONV Studio — tokens de diseño.
   Paleta derivada de la invitación Open House (osmar/Open House/styles.css)
   para que la marca y los productos se sientan de la misma familia. */
:root {
  /* Marca */
  --c-negro:      #12100e;
  --c-negro-suave:#1c1916;
  --c-tinta:      #3b2a1c;
  --c-papel:      #f4e7d3;
  --c-blanco:     #fdfcfa;
  --c-beige:      #ece3d6;
  --c-beige-hondo:#ddd0bd;
  --c-oro:        #a3823c;
  --c-oro-claro:  #d9c37a;
  --c-oro-brillo: #ffd9a0;

  /* Roles semánticos (modo claro, el de la landing) */
  --fondo:         var(--c-blanco);
  --fondo-alt:     var(--c-beige);
  --texto:         var(--c-negro);
  --texto-suave:   #6b6259;
  --linea:         rgba(18, 16, 14, .10);
  --acento:        var(--c-oro);

  /* Tipografía */
  --f-display: "Cormorant Garamond", "Times New Roman", serif;
  --f-texto:   "Jost", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --tracking-marca: .34em;

  /* Escala fluida */
  --t-xs:   clamp(.72rem, .70rem + .1vw, .78rem);
  --t-sm:   clamp(.84rem, .82rem + .2vw, .94rem);
  --t-base: clamp(1rem, .96rem + .25vw, 1.09rem);
  --t-lg:   clamp(1.18rem, 1.08rem + .5vw, 1.4rem);
  --t-xl:   clamp(1.5rem, 1.25rem + 1.2vw, 2.1rem);
  --t-2xl:  clamp(2rem, 1.5rem + 2.4vw, 3.1rem);
  --t-3xl:  clamp(2.6rem, 1.6rem + 4.6vw, 5.2rem);

  /* Ritmo y forma */
  --sp-seccion: clamp(4.5rem, 3rem + 7vw, 9rem);
  --ancho:      1180px;
  --ancho-texto: 62ch;
  --r-sm: 6px;
  --r-md: 14px;
  --r-lg: 22px;
  --sombra-sm: 0 1px 2px rgba(18,16,14,.04), 0 6px 18px -10px rgba(18,16,14,.14);
  --sombra-md: 0 2px 4px rgba(18,16,14,.04), 0 22px 48px -22px rgba(18,16,14,.22);

  /* Movimiento */
  --e-suave: cubic-bezier(.22, .61, .36, 1);
  --d-rapida: .22s;
  --d-media:  .45s;
  --d-lenta:  .9s;
}