:root {
  --bg-page: #F2F4F7;
  --bg-dark-hero: #111215;
  --bg-white: #FAFBFC;
  --bg-card: #16171B;
  --text-dark: #0E0E10;
  --text-muted: #62666D;
  --text-soft: #8A8E95;
  --text-on-dark: #FFFFFF;
  --gold: #E8C36A;
  --line: rgba(14, 14, 16, 0.08);
  --line-dark: rgba(255, 255, 255, 0.1);
  --font-main: "Plus Jakarta Sans", sans-serif;
  --font-display: "Space Grotesk", sans-serif;
  --font-mono: "JetBrains Mono", monospace;
  --header-height: 72px;
  --touch-min: 44px;
  --page-pad: clamp(0.75rem, 2.4vw, 1.5rem);
  --radius-hero: 36px;
  --radius-card: 28px;
  --radius-pill: 40px;
  --container: 1300px;
  --section-y: clamp(3.25rem, 6vw, 5.5rem);
  --section-x: clamp(1.15rem, 3.6vw, 3rem);
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --focus: 0 0 0 3px rgba(14, 14, 16, 0.28);
  --z-nav: 40;
  --z-overlay: 30;
  --z-toggle: 50;
}

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