:root {
  --color-surface: #FFFFFF;
  --color-surface-sunk: #F5F5F5;
  --color-surface-ink: #0A0A0A;
  --color-brand: #FF3E00;
  --color-brand-on: #0A0A0A;
  --color-brand-text: #D13000;
  --color-ink: #0A0A0A;
  --color-ink-soft: #5C5C5C;
  --color-ink-invert: #FFFFFF;
  --color-ink-invert-soft: #8A8A8A;
  --color-rule: #0A0A0A;
  --color-rule-soft: #D6D6D6;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 64px;
  --space-7: 96px;
  --space-8: 128px;
  --space-9: 160px;
  --radius-none: 0px;
  --rule-hair: 1px;
  --rule-thick: 6px;
  --font-sans: "Be Vietnam Pro", -apple-system, system-ui, "Segoe UI", sans-serif;
  --weight-body: 400;
  --weight-label: 600;
  --weight-display: 800;
  --size-caption: 0.6875rem;
  --size-small: 0.8125rem;
  --size-body: 1rem;
  --size-lede: 1.25rem;
  --size-sub: 1.75rem;
  --size-head: clamp(2.75rem, 7vw, 6rem);
  --size-display: clamp(3rem, 11vw, 10.5rem);
  --size-numeral: clamp(6rem, 20vw, 17rem);
  --motion-fast: 180ms;
  --motion-base: 560ms;
  --motion-slow: 900ms;
}