:root {
  --cacao: #3a2a22;
  --cacao-deep: #2e211b;
  --marfil: #f7f1e8;
  --crema: #eadbc0;
  --arena: #efe3d6;
  --rosa: #e8cfc4;
  --champan: #b8935a;
  --dorado-claro: #cdb48a;
  --blanco: #fffdfa;
  --tinta-suave: #6b5a50;

  --font-marca: "Cormorant Garamond", "Times New Roman", serif;
  --font-texto: "Jost", "Helvetica Neue", Arial, sans-serif;

  --gutter: clamp(1rem, 4.8vw, 2.5rem);
  --gap-cards: clamp(0.75rem, 3.2vw, 1.5rem);
  --bar-h: 1.625rem;
  --header-h: 3.5rem;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --hairline: 1px solid var(--champan);
  --max: 80rem;
}