/* variables.css — Tokens de diseño (la única fuente de verdad visual) */
:root {
  /* ── Color ── */
  --negro:      #0A0A0A;
  --carbon:     #1A1A1A;
  --oro:        #C9A24B;
  --oro-soft:   #E4CE96;
  --crema:      #F5F0E8;
  --crema-2:    #EFE8DC;
  --blanco:     #FFFFFF;
  --gris:       #8A8A8A;
  --gris-linea: #E3DDD1;
  --exito:      #2E7D5B;
  --alerta:     #B23A3A;

  /* ── Tipografía ── */
  --font-titulo: "Playfair Display", Georgia, serif;
  --font-texto:  "Jost", "Helvetica Neue", Arial, sans-serif;

  --fs-xs:  .72rem;
  --fs-sm:  .85rem;
  --fs-md:  1rem;
  --fs-lg:  1.25rem;
  --fs-xl:  2rem;
  --fs-2xl: 3rem;

  /* ── Espaciado y forma ── */
  --sp-1: .25rem;
  --sp-2: .5rem;
  --sp-3: 1rem;
  --sp-4: 1.5rem;
  --sp-5: 2.5rem;
  --sp-6: 4rem;

  --radio: 3px;
  --sombra: 0 8px 30px rgba(10, 10, 10, .07);
  --sombra-hover: 0 14px 40px rgba(10, 10, 10, .12);
  --transicion: .28s cubic-bezier(.22, .61, .36, 1);
  --max-ancho: 1280px;
}