:root {
  --bg: #f4f5f7;
  --ink: #1a1a1a;
  --muted: #5c616b;
  --line: #e1e3e8;
  --white: #ffffff;
  --panel: #e7e9ed;
  --lime: #c5f535;
  --lime-hot: #d4ff55;
  --pistachio: #e4f6c2;
  --font-display: "Plus Jakarta Sans", sans-serif;
  --font-body: "Inter", sans-serif;
  --header-height: 4.5rem;
  --touch-min: 44px;
  --radius: 1.6rem;
  --container: 76rem;
  --gutter: clamp(1.1rem, 3vw, 2.25rem);
  --rhythm: clamp(2.75rem, 5vw, 4.5rem);
  --h1: clamp(2.45rem, 4.8vw, 4.35rem);
  --h2: clamp(2rem, 3.4vw, 3.15rem);
  --shadow: 0 18px 40px rgb(26 26 26 / 0.06);
}

html {
  scroll-padding-top: calc(var(--header-height) + 0.75rem);
}