/* Poppinjay Web — generated from tokens.json */
:root, [data-theme="day"] {
  --sky: #bfe8ff;
  --sky-dawn: #fff3d6;
  --sky-golden: #ffd9a6;
  --grass: #a8e08f;
  --grass-shade: #8ccb74;
  --grass-far: #c9eeb5;
  --cloud: #fffdf8;
  --plum: #3b2a4a;
  --plum-night: #1e1530;
  --plum-soft: #3b2a4ab3;
  --cream: #fff8ec;
  --shadow: #3b2a4a40;
  --coral: #ff5c7a;
  --tangerine: #ff9f43;
  --lemon: #ffd93d;
  --mint: #6bcb77;
  --sky-blue: #4d96ff;
  --grape: #b47cff;
  --bubblegum: #ff8fc7;
  --coral-shade: #e63a5a;
  --tangerine-shade: #e68121;
  --lemon-shade: #f0b82c;
  --mint-shade: #50b75d;
  --sky-blue-shade: #2b78e6;
  --grape-shade: #965be6;
  --gold: #ffc83d;
  --sheen: #ffffffb3;
  --coral-base: #ba4b69;
  --tangerine-base: #ba7645;
  --mint-base: #5a9367;
  --sky-blue-base: #4770c0;
  --grape-base: #8a5fc0;
  --bubblegum-base: #ba6c9b;
  --focus: #2b78e6;
  --shadow-word: 0 2px 0 #3b2a4a40;
  --shadow-lift: 0 4px 0 #3b2a4a40;
}
:root {
  --gap: 8px;
  --gutter: 16px;
  --space-24: 24px;
  --space-40: 40px;
  --space-80: 80px;
  --measure: 680px;
  --page-max: 1120px;
  --touch: 48px;
  --button-height: 56px;
  --button-depth: 5px;
  --radius: 18px;
  --radius-sm: 10px;
  --radius-pill: 999px;
  --stroke-outline: 3px;
  --stroke-word: 3px;
  --stroke-word-sm: 2.5px;
  --font-display: "Lilita One", "Fredoka", ui-rounded, system-ui, sans-serif;
  --font-rounded: "Fredoka", ui-rounded, "SF Pro Rounded", system-ui, sans-serif;
}
.hero { font-family: var(--font-display); font-size: 72px; line-height: 76px; font-weight: 400; }
.title { font-family: var(--font-display); font-size: 40px; line-height: 44px; font-weight: 400; }
.title-sm { font-family: var(--font-display); font-size: 28px; line-height: 32px; font-weight: 400; }
.button { font-family: var(--font-rounded); font-size: 20px; line-height: 24px; font-weight: 700; }
.stat { font-family: var(--font-rounded); font-size: 22px; line-height: 26px; font-weight: 700; }
.heading { font-family: var(--font-rounded); font-size: 22px; line-height: 28px; font-weight: 700; }
.body { font-family: var(--font-rounded); font-size: 16px; line-height: 22px; font-weight: 600; }
.prose { font-family: var(--font-rounded); font-size: 17px; line-height: 28px; font-weight: 500; }
.label { font-family: var(--font-rounded); font-size: 13px; line-height: 16px; font-weight: 600; letter-spacing: 0.6px; }