:root {
  --bg-page: #faf7f2;
  --bg-dark: #111317;
  --bg-white: #ffffff;
  --bg-graphite: #e5e7eb;
  --accent-yellow: #ffc72c;
  --accent-yellow-light: #fff3d1;
  --text-main: #111317;
  --text-muted: #6b7280;
  --text-on-dark: #f7f7f5;
  --text-on-dark-muted: #b4b8c0;
  --radius-pill: 999px;
  --radius-card: 28px;
  --radius-hero: 36px;
  --radius-form: 32px;
  --header-height: 72px;
  --header-inset: 1rem;
  --touch-min: 44px;
  --container: 1180px;
  --section-pad-x: clamp(1.25rem, 4vw, 3.25rem);
  --mobile-gutter: 1.25rem;
  --section-gap: clamp(3.25rem, 6vw, 5.5rem);
  --font: "Plus Jakarta Sans", system-ui, sans-serif;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --shadow-float: 0 18px 50px rgb(17 19 23 / 0.1);
  --z-base: 1;
  --z-overlay: 28;
  --z-nav: 32;
  --z-header: 40;
  --z-toggle: 50;
}