/* Tokens de Vanessa Marachi — traducción 1:1 de vanessa-marachi-design-system/tokens.json.
   Si cambia tokens.json, actualizar acá; el resto del CSS solo usa estas variables. */
:root {
  /* Color: superficies */
  --surface-100: #f7efe3;
  --surface-blush: #f7e2de;
  --surface-sage: #e7e8d9; /* solo variante estacional */

  /* Color: texto y acento (aptos para texto, 4.5:1+) */
  --ink: #1b1512;
  --ink-soft: #6b5d52;
  --wine: #6e2f2e;
  --on-wine: var(--surface-100);
  --rose-ink: #a14953;
  --gold-ink: #7a5d30;

  /* Color: decorativos (nunca para texto) */
  --blush: #efb9b2;
  --rose: #de8f92;
  --gold: #b08a4e;
  --gold-light: #d8bd8c;
  --sage: #8b9574; /* solo variante estacional */

  /* Tipografía */
  --font-script: "Alex Brush", cursive;
  --font-serif: "Cormorant Garamond", "Playfair Display", serif;

  --display-lg-size: 112px;  --display-lg-lh: 0.95;
  --display-md-size: 56px;   --display-md-lh: 1;
  --display-sm-size: 32px;   --display-sm-lh: 1.1;
  --tagline-size: 15px;      --tagline-lh: 1.4;  --tagline-weight: 600; --tagline-tracking: 3px;
  --body-size: 17px;         --body-lh: 1.6;     --body-weight: 400;
  --label-size: 14px;        --label-lh: 1.3;    --label-weight: 600;   --label-tracking: 0.3px;
  --caption-size: 13px;      --caption-lh: 1.3;  --caption-weight: 400;

  /* Espaciado */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  /* Radios */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 28px;
  --radius-full: 9999px;

  /* Sombras (tinte cálido de ink) */
  --shadow-sm: 0 1px 3px rgba(27, 21, 18, 0.10);
  --shadow-md: 0 10px 24px rgba(27, 21, 18, 0.14);
}