/* ═══════════════════════════════════════════
   VARS.CSS — Tokens de diseño globales
   Florencia Alvarracín
═══════════════════════════════════════════ */

:root {
  --color-ink:        #212121;
  --color-ink-soft:   #cccccc;
  --color-cream:      #212121;
  --color-mid:        #2a2a2a;
  --color-white:      #ffffff;
  --color-dark:       #181818;
  --color-gold:       #F527BE;
  --color-gold-dim:   #c41e99;
  --color-gold-alpha: rgba(245, 39, 190, 0.12);

  --ff-display: 'Playfair Display', Georgia, serif;
  --ff-body:    'DM Sans', system-ui, sans-serif;

  --fs-xs:   0.68rem;
  --fs-sm:   0.75rem;
  --fs-base: 1rem;
  --fs-md:   1.0625rem;
  --fs-lg:   1.25rem;

  --section-py: 7rem;
  --nav-h:      68px;
  --radius-sm:  2px;
  --radius-md:  4px;

  --transition-fast: 0.2s ease;
  --transition-base: 0.25s ease;
  --transition-slow: 0.35s ease;
}