:root {
  --font-sans: "Space Grotesk", "IBM Plex Sans", "Noto Sans", sans-serif;
  --font-serif: "Fraunces", "IBM Plex Serif", "Noto Serif", serif;
  --font-mono: "IBM Plex Mono", "Noto Sans Mono", ui-monospace, monospace;

  --bg: #f6f3ee;
  --bg-2: #efe8de;
  --ink: #1a1a1a;
  --ink-soft: #3c3c3c;
  --line: #d7cfc4;

  --accent: #e07a5f;
  --accent-2: #2f6f60;
  --accent-3: #f2c14e;

  --shadow: 0 10px 30px rgba(26, 26, 26, 0.08);

  --space-1: clamp(0.5rem, 1vw, 0.75rem);
  --space-2: clamp(0.75rem, 1.5vw, 1rem);
  --space-3: clamp(1rem, 2vw, 1.5rem);
  --space-4: clamp(1.5rem, 3vw, 2rem);
  --space-5: clamp(2rem, 4vw, 3rem);
  --space-6: clamp(3rem, 6vw, 4rem);

  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
}