/* Generado desde tokens.json (design system Upalalá). No editar a mano: regenerar. */
:root {
  --surface: #fdfbfa;
  --surface-raised: #ffffff;
  --surface-blush: #fbeeee;
  --surface-sky: #e6eef7;
  --surface-lilac: #efe7f5;
  --surface-peach: #fdeee6;
  --surface-glass: rgba(253,251,250,0.72);
  --surface-inverse: #2b2233;
  --ink: #1c1a22;
  --ink-muted: #5a5566;
  --ink-inverse: #f6f2fa;
  --ink-inverse-muted: #c9bfd4;
  --border: #e7e1ec;
  --border-control: #908a99;
  --brand: #916aac;
  --brand-strong: #6b4a8a;
  --on-brand: #ffffff;
  --accent-violet: #9156f2;
  --accent-coral: #fa8f5c;
  --puzzle-blue: #6289e1;
  --puzzle-yellow: #f3ed85;
  --puzzle-coral: #e98f8f;
  --success: #1f6f4a;
  --danger: #b3261e;
  --focus-ring: var(--brand-strong);
  --shadow-card: 0 1px 2px rgba(28,26,34,0.04), 0 12px 32px rgba(107,74,138,0.10);
  --shadow-float: 0 24px 60px rgba(107,74,138,0.20), 0 2px 6px rgba(28,26,34,0.06);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-20: 80px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --radius-xl: 40px;
  --radius-pill: 999px;
  --z-header: 50;
  --z-dock: 60;
  --z-modal: 100;
  --font-sans: "Montserrat", "Segoe UI", system-ui, sans-serif;
}
.display { font-family: var(--font-sans); font-size: 64px; line-height: 68px; font-weight: 300; letter-spacing: -0.03em; }
.h1 { font-family: var(--font-sans); font-size: 48px; line-height: 54px; font-weight: 300; letter-spacing: -0.025em; }
.h2 { font-family: var(--font-sans); font-size: 36px; line-height: 42px; font-weight: 400; letter-spacing: -0.02em; }
.h3 { font-family: var(--font-sans); font-size: 20px; line-height: 28px; font-weight: 600; letter-spacing: -0.01em; }
.lead { font-family: var(--font-sans); font-size: 19px; line-height: 31px; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 16px; line-height: 27px; font-weight: 400; }
.small { font-family: var(--font-sans); font-size: 14px; line-height: 21px; font-weight: 500; }
.eyebrow { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; }