/* Generated from design/tokens.json by design/build-tokens.mjs — do not edit by hand. */
:root {
  --color-background: #0A0A0A;
  --color-surface: #111111;
  --color-surface-muted: #151515;
  --color-surface-sunken: #1B1B1B;
  --color-surface-raised: #1F1F1F;
  --color-text-primary: #F2F0EB;
  --color-text-secondary: #A9A7A1;
  --color-text-muted: #76746F;
  --color-border: #262626;
  --color-border-strong: #3A3A3A;
  --color-primary: #F2F0EB;
  --color-primary-strong: #FFFFFF;
  --color-on-primary: #0A0A0A;
  --color-primary-soft: rgba(242, 240, 235, 0.07);
  --color-primary-ring: rgba(242, 240, 235, 0.35);
  --color-accent: #FF4D2E;
  --color-accent-strong: #FF7A61;
  --color-accent-soft: rgba(255, 77, 46, 0.14);
  --color-warning: #F5B94A;
  --color-warning-soft: rgba(245, 185, 74, 0.12);
  --color-success: #5BD68A;
  --color-success-soft: rgba(91, 214, 138, 0.12);
  --color-paper: #E8E6E1;
  --font-display: "PP Neue Montreal", "Neue Montreal", "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "PP Neue Montreal", "Neue Montreal", "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Söhne Mono", "Sohne Mono", "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --text-display-xl-size: 128px;
  --text-display-xl-weight: 500;
  --text-display-xl-line-height: 0.92;
  --text-display-xl-letter-spacing: -0.045em;
  --text-display-lg-size: 96px;
  --text-display-lg-weight: 500;
  --text-display-lg-line-height: 0.95;
  --text-display-lg-letter-spacing: -0.04em;
  --text-display-md-size: 56px;
  --text-display-md-weight: 500;
  --text-display-md-line-height: 1.0;
  --text-display-md-letter-spacing: -0.03em;
  --text-heading-size: 28px;
  --text-heading-weight: 500;
  --text-heading-line-height: 1.15;
  --text-heading-letter-spacing: -0.02em;
  --text-page-title-size: 32px;
  --text-page-title-weight: 500;
  --text-page-title-line-height: 1.1;
  --text-page-title-letter-spacing: -0.02em;
  --text-title-size: 18px;
  --text-title-weight: 500;
  --text-title-line-height: 1.3;
  --text-title-letter-spacing: -0.01em;
  --text-item-title-size: 16px;
  --text-item-title-weight: 500;
  --text-item-title-line-height: 1.3;
  --text-item-title-letter-spacing: -0.005em;
  --text-item-preview-size: 14px;
  --text-item-preview-weight: 400;
  --text-item-preview-line-height: 1.45;
  --text-item-preview-letter-spacing: 0;
  --text-body-lg-size: 18px;
  --text-body-lg-weight: 400;
  --text-body-lg-line-height: 1.6;
  --text-body-lg-letter-spacing: 0;
  --text-body-md-size: 15px;
  --text-body-md-weight: 400;
  --text-body-md-line-height: 1.6;
  --text-body-md-letter-spacing: 0;
  --text-ui-size: 14px;
  --text-ui-weight: 500;
  --text-ui-line-height: 1.4;
  --text-ui-letter-spacing: 0;
  --text-label-md-size: 11px;
  --text-label-md-weight: 600;
  --text-label-md-line-height: 1.2;
  --text-label-md-letter-spacing: 0.08em;
  --text-code-size: 15px;
  --text-code-weight: 400;
  --text-code-line-height: 1.6;
  --text-code-letter-spacing: 0;
  --text-kbd-size: 12px;
  --text-kbd-weight: 500;
  --text-kbd-line-height: 1;
  --text-kbd-letter-spacing: 0;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 40px;
  --space-6: 48px;
  --space-8: 64px;
  --space-10: 80px;
  --space-base: 8px;
  --space-gap: 16px;
  --space-card-padding: 24px;
  --space-section-padding: 80px;
  --radius-frame: 20px;
  --radius-card: 16px;
  --radius-control: 9999px;
  --radius-inner: 10px;
  --radius-pill: 9999px;
  --shadow-sm: 0 1px 0 rgba(255, 255, 255, 0.04) inset;
  --shadow-md: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 16px 40px -24px rgba(0, 0, 0, 0.8);
  --shadow-lg: 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 40px 80px -32px rgba(0, 0, 0, 0.9);
  --shadow-focus: 0 0 0 3px rgba(242, 240, 235, 0.28);
  --motion-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --motion-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --motion-fast: 150ms;
  --motion-base: 300ms;
  --motion-slow: 700ms;
  --bp-sm: 640px;
  --bp-md: 900px;
  --bp-lg: 1200px;
}