/* Written by build.mjs from site/tokens.json: change the values there. */
:root {
  --color-lime: #d6ff3f;
  --color-ink: #0e2a26;
  --color-ink-deep: #061714;
  --color-mint: #edf5f0;
  --color-paper: #ffffff;
  --color-leaf: #f6fde3;
  --color-soft: #3c574f;
  --color-on-ink: #e6f3dc;
  --color-on-ink-soft: #a9c2b8;
  --color-on-ink-body: #c3d6cb;
  --color-stage: #0b1210;
  --color-outline: #ffffff;
  --color-shade: rgba(14, 42, 38, 0.3);
  --color-scrim: rgba(6, 23, 20, 0.9);
  --color-film: #020303;
  --font-display: "Lilita One", "Arial Rounded MT Bold", system-ui, sans-serif;
  --font-body: "Nunito", ui-rounded, system-ui, -apple-system, "Segoe UI", sans-serif;
  --text-xs: 12px;
  --text-s: 14px;
  --text-m: 16px;
  --text-base: 17px;
  --text-l: 19px;
  --text-xl: 21px;
  --text-2xl: 24px;
  --text-4xl: 40px;
  --text-number: 56px;
  --text-lede: clamp(18px, 1.6vw, 21px);
  --text-h1: clamp(42px, 6vw, 84px);
  --text-h2: clamp(32px, 4.2vw, 48px);
  --text-h1-doc: clamp(36px, 4.8vw, 56px);
  --text-tracking-display: 0.2px;
  --text-world: clamp(22px, 2.4vw, 32px);
  --leading-tight: 0.98;
  --leading-snug: 1.25;
  --leading-body: 1.6;
  --leading-loose: 1.7;
  --weight-regular: 400;
  --weight-bold: 800;
  --weight-black: 900;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-14: 56px;
  --space-18: 72px;
  --space-22: 88px;
  --space-section: clamp(64px, 8vw, 104px);
  --space-sheet: clamp(24px, 4vw, 48px);
  --space-gutter: max(20px, env(safe-area-inset-left, 0px));
  --space-gutter-r: max(20px, env(safe-area-inset-right, 0px));
  --space-top: max(20px, env(safe-area-inset-top, 0px));
  --space-bottom: max(56px, env(safe-area-inset-bottom, 0px));
  --radius-s: 12px;
  --radius-m: 16px;
  --radius-l: 24px;
  --radius-round: 50%;
  --radius-phone: 40px;
  --radius-screen: 30px;
  --line-thin: 3px;
  --line-thick: 4px;
  --line-focus: 3px;
  --lip-s: 0 4px 0;
  --lip-m: 0 6px 0;
  --lip-l: 0 10px 0;
  --lip-pressed: 0 2px 0;
  --lip-press: 4px;
  --outline-sticker: drop-shadow(4px 0 0 var(--color-outline)) drop-shadow(-4px 0 0 var(--color-outline)) drop-shadow(0 4px 0 var(--color-outline)) drop-shadow(0 -4px 0 var(--color-outline)) drop-shadow(0 8px 0 var(--color-shade));
  --outline-drop: drop-shadow(0 8px 0 var(--color-shade));
  --size-content: 1240px;
  --size-sheet: 800px;
  --size-measure: 30em;
  --size-touch: 48px;
  --size-button: 52px;
  --size-logo: 30px;
  --size-logo-footer: 34px;
  --size-check: 28px;
  --size-col-m: 260px;
  --size-col-l: 280px;
  --size-basis-s: 300px;
  --size-basis-m: 420px;
  --size-basis-l: 480px;
  --size-art-band: 150px;
  --size-game-logo: 400px;
  --size-doc-logo: 240px;
  --size-mark: 240px;
  --size-daily-art: 200px;
  --size-lost-art: 180px;
  --size-theatre: clamp(300px, 30vw, 460px);
  --size-world-card: clamp(200px, 64vw, 260px);
  --size-menu: 220px;
  --size-icon: 22px;
  --size-icon-bar: 3px;
  --size-store-badge: 48px;
  --size-phone: clamp(232px, 24vw, 320px);
  --size-trailer: min(calc(100dvh - 128px), 860px);
  --size-fade: 8%;
  --motion-press: 0.08s;
  --motion-lift: 0.12s;
  --motion-lift-y: -3px;
  --motion-slow: 0.4s;
  --motion-zoom: 1.04;
  --motion-fling: 0.75s;
  --motion-fling-delay: 0.35s;
  --motion-fling-ease: cubic-bezier(0.2, 1.5, 0.45, 1);
  --breakpoint-narrow: 760px;
}