:root {
  --coral: #ff5a36;
  --coral-deep: #e64520;
  --white: #ffffff;
  --paper: #ffffff;
  --ink: #111111;
  --muted: #6b6b6b;
  --muted-dark: #999999;
  --line: #ececec;
  --black: #050505;
  --capsule: #161616;
  --font: "Inter Tight", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --header-height: 5.25rem;
  --touch-min: 44px;
  --radius-card: 1.75rem;
  --radius-card-lg: 2rem;
  --radius-pill: 999px;
  --pad-x: clamp(1.15rem, 4.2vw, 4.5rem);
  --wrap: 86rem;
  --section-gap: clamp(2.5rem, 5vw, 4.5rem);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --h2: clamp(2.1rem, 5.2vw, 4.6rem);
  --h3: clamp(1.15rem, 1.8vw, 1.45rem);
  --body: clamp(1rem, 1.15vw, 1.125rem);
  --small: 0.8125rem;
  --z-overlay: 90;
  --z-header: 100;
}

@media (max-width: 767px) {
  :root {
    --header-height: 3.75rem;
  }
}

@media (min-width: 768px) {
  :root {
    --header-height: 5.75rem;
  }
}