:root {
  --color-white: #FFFFFF;
  --color-black: #000000;
  --color-ink: #1F1F1F;
  --color-muted: #7D746C;
  --color-beige: #D5C6AF;
  --color-beige-2: #E2D6C6;
  --color-accent: #A79375;
  --color-brown: #654847;
  --color-gold: #C7B183;   /* numerales serif de los sellos */
  --color-cream: #F1EBE1;  /* banda beige de los sellos */

  --font-primary: "Bricolage Grotesque", sans-serif;
  /* Serif del sistema: es la ÚNICA serif del Figma (counters = Cormorant Garamond 400).
     Unifica wordmark (header/footer) + hero "ESSENZA" (placeholder de logo) + numerales. */
  --font-display: "Cormorant Garamond", "Playfair Display", serif;

  --container: 100rem;         /* 1600px */
  --container-narrow: 81.25rem;/* 1300px */
  --spacing: 0.25rem;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1.125rem;   /* 18px base real del Figma */
  --text-lg: 1.25rem;      /* 20px */
  --text-xl: 1.875rem;     /* 30px */
  --text-2xl: 3rem;        /* 48px títulos de sección */

  --heading-h1: 3rem;
  --heading-h2: 3rem;
  --heading-h3: 1.875rem;
}