:root {
  --n0: #ffffff;
  --n50: #fafafa;
  --n100: #f4f4f5;
  --n200: #e8e8ea;
  --n300: #d4d4d6;
  --n400: #a1a1a6;
  --n500: #737378;
  --n600: #525257;
  --n700: #3a3a3f;
  --n900: #1a1a1c;
  --n1000: #000000;
  --d0: #0a0a0a;
  --d50: #141414;
  --d100: #1c1c1e;
  --d200: #2a2a2c;
  --d300: #3a3a3c;
  --d-text: #f0f0f2;
  --d-sub: #9a9aa0;
  --d-faint: #7a7a80;
  --accent: #007aff;
  --accent-hover: #0066d6;
  --suggested: #5e5ce6;
  --suggested-dark: #7d7aff;
  --font-sans: -apple-system, "SF Pro Text", "Inter", system-ui, sans-serif;
  --font-mono: "SF Mono", "JetBrains Mono", ui-monospace, monospace;
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 20px;
  --max-width: 1240px;
  --gutter: 32px;
}