/* Спели: design tokens for the reference design */
:root {
  --speli-purple: #5940ff;
  --speli-purple-dark: #4830ec;
  --speli-navy: #15112f;
  --speli-text: #5d5c80;
  --speli-stroke: #ddd5ff;
  --speli-soft: #f4f2ff;
  --speli-bg: #faf9ff;
  --speli-pill-radius: 999px;
  --speli-card-radius: 28px;
  --speli-hero-title: clamp(48px, 5.6vw, 82px);
}
.speli-hero-title {font-family: Georgia, 'Times New Roman', serif; font-weight: 700; font-style: italic; line-height: 0.98; letter-spacing: -0.04em;}
.speli-hero-title .dark {color: var(--speli-navy)}
.speli-hero-title .violet {color: var(--speli-purple)}
.speli-chip {display:inline-flex; white-space:nowrap; padding:7px 11px; border:1px solid var(--speli-stroke); border-radius:999px; background:#f6f4ff; color:var(--speli-purple); font-size:12px;}
.speli-primary-button {background:var(--speli-purple); color:white; border:0; border-radius:999px; padding:19px 31px; font-weight:700; box-shadow:0 12px 30px #5940ff30;}
.speli-feature-card {background:#ffffffc9; border:1px solid #fff; border-radius:28px; box-shadow: 0 14px 46px #7260c50c; padding:30px;}