:root {
  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --text-7: 0.4375rem;
  --text-8: 0.5rem;
  --text-9: 0.5625rem;
  --text-10: 0.625rem;
  --text-11: 0.6875rem;
  --text-12: 0.75rem;
  --text-13: 0.8125rem;
  --text-14: 0.875rem;
  --text-15: 0.9375rem;
  --text-16: 1rem;
  --text-17: 1.0625rem;
  --text-18: 1.125rem;
  --text-19: 1.1875rem;
  --text-20: 1.25rem;
  --text-21: 1.3125rem;
  --text-22: 1.375rem;
  --text-23: 1.4375rem;
  --text-24: 1.5rem;
  --text-26: 1.625rem;
  --text-28: 1.75rem;
  --text-30: 1.875rem;
  --text-32: 2rem;
  --text-34: 2.125rem;
  --text-36: 2.25rem;
  --text-44: 2.75rem;
  --text-52: 3.25rem;

  --space-2: 0.125rem;
  --space-4: 0.25rem;
  --space-6: 0.375rem;
  --space-8: 0.5rem;
  --space-10: 0.625rem;
  --space-12: 0.75rem;
  --space-14: 0.875rem;
  --space-16: 1rem;
  --space-20: 1.25rem;
  --space-24: 1.5rem;
  --space-28: 1.75rem;
  --space-32: 2rem;
  --space-40: 2.5rem;
  --space-48: 3rem;

  --radius-4: 0.25rem;
  --radius-6: 0.375rem;
  --radius-8: 0.5rem;
  --radius-pill: 999rem;

  --color-bg: #ffffff;
  --color-surface: #ffffff;
  --color-surface-muted: #f6f6f7;
  --color-text: #111111;
  --color-muted: #6b7280;
  --color-border: #e5e7eb;
  --color-primary: #111111;
  --color-primary-fg: #ffffff;
  --color-accent: #1aad19;
  --color-danger: #e5484d;

  --shadow-xs: 0 0.0625rem 0 rgba(17, 17, 17, 0.06);
  --shadow-sm: 0 0.5rem 1.5rem rgba(17, 17, 17, 0.08);
  --shadow-md: 0 1rem 3rem rgba(17, 17, 17, 0.12);
}