:root {
  color-scheme: dark;

  --b4-color-canvas: #0b0d0e;
  --b4-color-canvas-raised: #101315;
  --b4-color-surface: #15191b;
  --b4-color-surface-raised: #1b2023;
  --b4-color-surface-strong: #22282b;
  --b4-color-paper: #f2f1eb;
  --b4-color-paper-muted: #e8e7e0;
  --b4-color-paper-ink: #171b1a;
  --b4-color-paper-muted-text: #5c625e;

  --b4-color-text: #f3f4ef;
  --b4-color-text-muted: #b0b8b4;
  --b4-color-text-subtle: #7f8985;
  --b4-color-text-inverse: #101513;

  --b4-color-accent: #76e0b2;
  --b4-color-accent-hover: #95e9c5;
  --b4-color-accent-soft: #173c31;
  --b4-color-info: #8ab4f8;
  --b4-color-warning: #f2bd64;
  --b4-color-negative: #ee8585;
  --b4-color-positive: #76e0b2;

  --b4-color-border: rgba(232, 239, 235, 0.12);
  --b4-color-border-strong: rgba(232, 239, 235, 0.22);
  --b4-color-border-paper: rgba(23, 27, 26, 0.16);
  --b4-color-focus: #a8c7ff;

  --b4-font-sans: Inter, Aptos, "Segoe UI", Helvetica, Arial, sans-serif;
  --b4-font-serif: Georgia, "Times New Roman", serif;
  --b4-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --b4-text-1: 0.75rem;
  --b4-text-2: 0.8125rem;
  --b4-text-3: 0.875rem;
  --b4-text-4: 1rem;
  --b4-text-5: 1.125rem;
  --b4-text-6: 1.375rem;
  --b4-text-7: 1.75rem;
  --b4-text-8: 2.25rem;
  --b4-text-9: 3rem;
  --b4-text-10: 4rem;

  --b4-leading-tight: 1.08;
  --b4-leading-snug: 1.3;
  --b4-leading-body: 1.6;

  --b4-space-1: 0.25rem;
  --b4-space-2: 0.5rem;
  --b4-space-3: 0.75rem;
  --b4-space-4: 1rem;
  --b4-space-5: 1.25rem;
  --b4-space-6: 1.5rem;
  --b4-space-8: 2rem;
  --b4-space-10: 2.5rem;
  --b4-space-12: 3rem;
  --b4-space-16: 4rem;
  --b4-space-20: 5rem;
  --b4-space-24: 6rem;

  --b4-radius-1: 0.25rem;
  --b4-radius-2: 0.375rem;
  --b4-radius-3: 0.5rem;
  --b4-radius-round: 999px;

  --b4-shadow-tool: 0 24px 70px rgba(0, 0, 0, 0.32);
  --b4-shadow-dialog: 0 28px 90px rgba(0, 0, 0, 0.56);

  --b4-duration-fast: 120ms;
  --b4-duration-base: 180ms;
  --b4-duration-slow: 280ms;
  --b4-ease: cubic-bezier(0.22, 1, 0.36, 1);

  --b4-shell: 82.5rem;
  --b4-reading: 45rem;
  --b4-header-height: 4rem;
}