:root {
  /* === Surface === */
  --bk-paper: #ffffff;
  --bk-paper-soft: #f4f1ea;

  /* === Ink === */
  --bk-ink: #050505;
  --bk-ink-muted: #4a4a4a;
  --bk-ink-subtle: #888888;

  /* === Accent === */
  --bk-accent: #FF4628;
  --bk-accent-on: #ffffff;

  /* === Semantic === */
  --bk-error: #c40000;
  --bk-success: #006a3a;

  /* === Typography === */
  --bk-font-sans: 'Geist', -apple-system, BlinkMacSystemFont, sans-serif;
  --bk-font-mono: 'Geist Mono', ui-monospace, 'JetBrains Mono', monospace;

  --bk-fs-display: clamp(40px, 6vw, 72px);
  --bk-fs-h2: clamp(28px, 3.5vw, 44px);
  --bk-fs-h3: clamp(20px, 2vw, 24px);
  --bk-fs-body: 16px;
  --bk-fs-small: 14px;
  --bk-fs-label: 11px;
  --bk-fs-xs: 10px;

  --bk-track-display: -0.03em;
  --bk-track-heading: -0.02em;
  --bk-track-body: 0;
  --bk-track-label: 0.06em;
  --bk-track-label-loose: 0.14em;

  --bk-weight-regular: 400;
  --bk-weight-medium: 500;

  /* === Spacing === */
  --bk-space-1: 4px;
  --bk-space-2: 8px;
  --bk-space-3: 12px;
  --bk-space-4: 16px;
  --bk-space-6: 24px;
  --bk-space-8: 32px;
  --bk-space-12: 48px;
  --bk-space-16: 64px;
  --bk-space-24: 96px;

  --bk-page-max: 1240px;
  --bk-page-pad-x: clamp(20px, 4vw, 48px);

  --bk-gutter-desktop: 88px;
  --bk-gutter-tablet: 56px;

  /* === Borders === */
  --bk-border: 1px solid var(--bk-ink);
  --bk-border-hairline: 0.5px solid var(--bk-ink);
  --bk-radius: 2px;
  --bk-radius-cta: 0;
}