@import "@fontsource/space-grotesk/variable.css";

@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  color-scheme: light;
  --surface: #ffffff;
  --ink: #1f1a17;
  --muted: #f7efe4;
  --line: #e6dccf;
  --accent: #ff6b4a;
  --accent-strong: #e24a2b;
}

body {
  color: var(--ink);
  background:
    radial-gradient(65% 80% at 0% 0%, #fff1df 0%, transparent 60%),
    radial-gradient(65% 80% at 100% 0%, #e9f0ff 0%, transparent 60%),
    #f8f2e9;
  font-family: "Space Grotesk", "Segoe UI", sans-serif;
}