body {
  background: #fafaf8;
}
@theme {
  --color-blue: oklch(0.707 0.165 254.624);
  --color-purple: oklch(0.714 0.203 305.504);
  --color-pink: oklch(0.718 0.202 349.761);
  --color-orange: oklch(0.75 0.183 55.934);
  --color-green: oklch(0.792 0.209 151.711);
  --color-yellow: oklch(0.852 0.199 91.936);
  --color-gray-dark: oklch(0.13 0.028 261.692);
  --color-gray: oklch(0.707 0.022 261.325);
  --color-gray-light: oklch(0.985 0.002 247.839);
  --font-sans: "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif";
  --font-serif: "Merriweather", "serif";
  --columns: 14;
  --spacing-8xl: 96rem;
  --spacing-9xl: 128rem;
  --radius-4xl: 2rem;
}