:root {
  --header-height: 72px;
  --touch-min: 44px;
  --container: 1180px;
  --section-padding-x: clamp(1.25rem, 4.2vw, 4.5rem);
  --section-pad-y: clamp(2.75rem, 5vw, 4.5rem);
  --rw-red: #FF3B30;
  --rw-bg-main: #FAFAFA;
  --rw-bg-cream: #F7EFE1;
  --rw-card-yellow: #FBE285;
  --rw-card-red: #FCA19B;
  --rw-card-orange: #F9B98A;
  --rw-card-blue: #9FE3F8;
  --rw-card-pink: #F7B0C8;
  --text-dark: #121316;
  --text-muted: #5A5D66;
  --font-main: "Plus Jakarta Sans", sans-serif;
  --font-body: "Inter", sans-serif;
  --radius-pill: 30px;
  --radius-card: 28px;
  --shadow-card: 0 18px 40px rgba(18, 19, 22, 0.08);
  --shadow-red: 0 8px 20px rgba(255, 59, 48, 0.25);
  --ease: cubic-bezier(0.32, 0.72, 0, 1);
  --focus: 0 0 0 3px #ffffff, 0 0 0 6px var(--rw-red);
}

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