:root {
  --graphite: #242528;
  --terracotta: #f58a74;
  --terracotta-deep: #ee8068;
  --white: #ffffff;
  --mist: #f6f7f9;
  --ink: #242528;
  --ink-soft: #3a3b40;
  --link-sage: #7fba8a;

  --font-display: "Plus Jakarta Sans", sans-serif;
  --font-sans: "Inter", sans-serif;

  --header-height: 64px;
  --touch-min: 44px;
  --radius: 0;
  --radius-soft: 8px;

  --container: 1100px;
  --section-x: clamp(1.25rem, 5vw, 5rem);
  --section-y: clamp(3.5rem, 8vw, 6rem);
  --rhythm: clamp(2.5rem, 5vw, 4.5rem);

  --display: clamp(2.4rem, 4.2vw, 3.8rem);
  --title-md: clamp(1.8rem, 2.4vw, 2.2rem);
  --body: 1rem;
  --small: 0.85rem;

  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --shadow-device: 0 35px 50px rgb(36 37 40 / 0.45);
  --shadow-soft: 0 20px 30px rgb(36 37 40 / 0.15);
}