/* GENERATED from design/tokens.json by design/build-tokens.py. Do not edit by hand. */
:root {
  /* color */
  --color-bg: #070a1f;
  --color-surface: #0d1333;
  --color-surface-2: #141b45;
  --color-text: #f2f4ff;
  --color-text-2: #a9b1d8;
  --color-line: rgba(152,170,255,.18);
  --color-accent: #46b6f2;
  --color-accent-ink: #06102b;
  --color-violet: #8b6cff;
  --color-paid: #2fd68a;
  --color-alarm: #ff6b81;
  --color-white: #ffffff;
  --color-coin: #ffd166;
  /* font */
  --font-sans: "Plus Jakarta Sans", "Helvetica Neue", Arial, sans-serif;
  --font-code: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  /* size */
  --size-body: 1.0625rem;
  --size-lead: clamp(1.1rem, 1.5vw, 1.3rem);
  --size-h3: 1.25rem;
  --size-h2: clamp(2.3rem, 5.6vw, 4.8rem);
  --size-h1: clamp(3.4rem, 10.5vw, 9rem);
  /* space */
  --space-gutter: clamp(20px, 5vw, 72px);
  --space-section: clamp(72px, 10vw, 140px);
  /* radius */
  --radius-sm: 8px;
  --radius-md: 14px;
  /* motion */
  --motion-fast: 150ms;
  --motion-base: 250ms;
  --motion-ease: cubic-bezier(.2,.8,.2,1);
  /* z */
  --z-menu-i: 30;
  --z-dock-i: 35;
  --z-nav-i: 40;
  --z-skip-i: 60;
}