/* Generado desde tokens/*.json. No editar a mano. */
:root {
  --color-brand-primary: #df4f87;
  --color-brand-primary-strong: #c93d73;
  --color-brand-primary-deep: #993655;
  --color-brand-primary-soft: #ff8fbc;
  --color-blush-100: #ffe8f1;
  --color-blush-200: #f6d5e2;
  --color-blush-300: #e8b5c8;
  --color-sun-100: #fff3c4;
  --color-sun-300: #ffd84d;
  --color-ink-400: #80606d;
  --color-ink-500: #7b5868;
  --color-ink-700: #4f3d48;
  --color-ink-900: #2e1f27;
  --color-surface-base: #fffaf2;
  --color-surface-raised: #ffffff;
  --color-surface-muted: #f6efe6;
  --color-surface-line: #ece0d2;
  --color-surface-photo: #eaded2;
  --color-feedback-success: #216c42;
  --color-feedback-success-bg: #e6f3ea;
  --color-feedback-warning: #8a5300;
  --color-feedback-warning-bg: #fff8ec;
  --color-feedback-danger: #b3261e;
  --color-feedback-danger-bg: #fdeceb;
  --color-feedback-info: #24597e;
  --color-feedback-info-bg: #e8f1f7;
  --color-accent-skinpass: #2f3a33;
  --color-accent-skinpass-mid: #9db3a3;
  --color-accent-skinpass-soft: #e6ebe4;
  --color-accent-whatsapp: #1faa59;
  --color-accent-whatsapp-strong: #15803d;
  --color-chart-1: #c93d73;
  --color-chart-2: #0d7482;
  --color-chart-3: #a86200;
  --color-chart-4: #6c5ba7;
  --color-chart-5: #4f7a5e;
  --color-chart-6: #4f3d48;
  --color-city-bcn: #c93d73;
  --color-city-mad: #0d7482;
  --color-city-mlg: #a86200;
  --color-city-vlc: #4f7a5e;
  --color-city-zgz: #6c5ba7;
  --color-city-varias: #4f3d48;
  --color-city-ninguna: #8c7b84;
  --color-trend-better: #216c42;
  --color-trend-worse: #b3261e;
  --color-trend-neutral: #7b5868;
  --color-heat-1: #fff3c4;
  --color-heat-2: #ffd2a6;
  --color-heat-3: #f6a0bd;
  --color-heat-4: #df4f87;
  --color-heat-5: #a8355f;
  --color-heat-6: #6e2440;
  --icon-stroke: #993655;
  --icon-accent: #df4f87;
  --font-family-display: "Fraunces Variable", Fraunces, Georgia, serif;
  --font-family-body: "Inter Variable", Inter, system-ui, sans-serif;
  --font-size-xs: 0.8125rem;
  --font-size-sm: 0.9375rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.25rem;
  --font-size-xl: 1.75rem;
  --font-size-2xl: 2.5rem;
  --font-size-3xl: 3.25rem;
  --font-size-2xs: 0.75rem;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 28px;
  --radius-pill: 999px;
  --shadow-card: 0 8px 30px rgba(46, 31, 39, 0.08);
}