/* Где нашла? — generated from tokens.json */
:root, [data-theme="light"] {
  --paper: #fff6e5;
  --card: #ffffff;
  --ink: #1f1a3d;
  --ink-soft: #544c78;
  --line: #1f1a3d29;
  --pink: #ff5ca8;
  --pink-soft: #ffd4e9;
  --orange: #ff8a2b;
  --orange-soft: #ffe2c8;
  --yellow: #ffd83d;
  --yellow-soft: #fff0a6;
  --green: #3ccf7e;
  --green-soft: #cbf5dc;
  --blue: #3b57ff;
  --blue-soft: #d8deff;
  --on-blue: var(--paper);
  --lilac: #b99cff;
  --lilac-soft: #ebe1ff;
  --brand: var(--pink);
  --link: var(--blue);
  --focus: var(--blue);
  --pop-sm: 3px 3px 0 #1f1a3d;
  --pop: 5px 5px 0 #1f1a3d;
  --pop-lg: 8px 8px 0 #1f1a3d;
  --focus-ring: 0 0 0 3px #fff6e5, 0 0 0 6px #3b57ff;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 56px;
  --space-8: 96px;
  --radius-sm: 10px;
  --radius-md: 20px;
  --radius-lg: 36px;
  --radius-full: 9999px;
  --stroke-thin: 2px;
  --stroke: 3px;
  --tilt-left: -2deg;
  --tilt-right: 1.5deg;
  --tilt-sticker: -7deg;
  --font-display: Unbounded, "Arial Black", system-ui, sans-serif;
  --font-hand: Neucha, Caveat, "Comic Sans MS", cursive;
  --font-sans: Nunito, "Trebuchet MS", system-ui, sans-serif;
}
.hero { font-family: var(--font-display); font-size: 56px; line-height: 62px; font-weight: 800; letter-spacing: -0.02em; }
.display { font-family: var(--font-display); font-size: 40px; line-height: 46px; font-weight: 800; letter-spacing: -0.01em; }
.title { font-family: var(--font-display); font-size: 24px; line-height: 30px; font-weight: 700; letter-spacing: normal; }
.card-title { font-family: var(--font-sans); font-size: 19px; line-height: 25px; font-weight: 800; letter-spacing: normal; }
.price { font-family: var(--font-display); font-size: 16px; line-height: 20px; font-weight: 800; letter-spacing: normal; }
.note-lg { font-family: var(--font-hand); font-size: 30px; line-height: 32px; font-weight: 400; letter-spacing: normal; }
.note { font-family: var(--font-hand); font-size: 21px; line-height: 26px; font-weight: 400; letter-spacing: normal; }
.lead { font-family: var(--font-sans); font-size: 20px; line-height: 30px; font-weight: 600; letter-spacing: normal; }
.body { font-family: var(--font-sans); font-size: 17px; line-height: 27px; font-weight: 400; letter-spacing: normal; }
.small { font-family: var(--font-sans); font-size: 15px; line-height: 22px; font-weight: 600; letter-spacing: normal; }
.label { font-family: var(--font-sans); font-size: 13px; line-height: 16px; font-weight: 800; letter-spacing: 0.04em; }