:root {
  --bg-red: #ff2e2e;
  --bg-red-deep: #ed4439;
  --bg-dark: #0e0e0e;
  --bg-ink: #161616;
  --bg-white: #ffffff;
  --text-white: #ffffff;
  --text-dark: #0e0e0e;
  --text-mute-light: rgba(14, 14, 14, 0.56);
  --text-mute-dark: rgba(255, 255, 255, 0.62);
  --line-light: rgba(14, 14, 14, 0.12);
  --line-dark: rgba(255, 255, 255, 0.12);
  --status: #d8ff6a;
  --font-display: "Plus Jakarta Sans", "Aeonik", "Helvetica Neue", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --font-body: Inter, "Helvetica Neue", sans-serif;
  --header-height: 72px;
  --touch-min: 44px;
  --container: 1240px;
  --pad-x: clamp(1.25rem, 4vw, 3.5rem);
  --section-y: clamp(4.5rem, 10vw, 8.5rem);
  --display: clamp(3.4rem, 7.5vw, 8rem);
  --display-md: clamp(2.4rem, 5vw, 4.8rem);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --z-base: 1;
  --z-wipe: 2;
  --z-header: 40;
  --z-nav: 35;
  --z-boot: 60;
  --z-cookie: 50;
}

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