:root {
  /* Color (bloqueado por la skill rulos-web-v2) */
  --green: #3b5b44;
  --green-2: #5d8b4e;
  --cream: #f7f1d9;
  --card: #fffdf5;
  --coral: #ee7a4d;     /* SOLO CTA de compra */
  --coral-d: #c75a30;   /* relieve del botón coral */
  --gold: #ecb04a;
  --sea: #2f6f76;
  --ink: #243029;

  /* Tipografía */
  --font-display: 'Fraunces', Georgia, serif;
  --font-ui: 'Inter', system-ui, sans-serif;

  /* Escala (mobile) */
  --fs-hero: 39px;
  --fs-h2: 24px;
  --fs-h3: 18px;
  --fs-body: 15px;
  --fs-small: 12px;

  /* Radios y relieve */
  --r-sm: 9px;
  --r-md: 11px;
  --r-lg: 14px;
  --r-pill: 999px;
  --lift: 0 5px 0 var(--coral-d);
  --shadow-card: 0 3px 0 rgba(59,91,68,.10);

  /* Espaciado */
  --pad: 16px;
  --gap: 12px;
  --section-y: 28px;
}