:root {
  --color-primary: #f7931e;
  --color-primary-dark: #d97507;
  --color-dark: #242424;
  --color-dark-soft: #383838;
  --color-text: #292929;
  --color-muted: #666a70;
  --color-white: #ffffff;
  --color-surface: #f5f5f4;

  --page-max: 76rem;
  --page-gutter: clamp(1rem, 3.4vw, 3rem);
  --header-height: clamp(4.7rem, 7vw, 6rem);
  --logo-width: clamp(9.5rem, 16vw, 12.5rem);
  --section-space: clamp(3rem, 6vw, 6rem);
  --radius-lg: 1.25rem;
  --radius-md: 0.875rem;
  --shadow-soft: 0 0.5rem 2rem rgb(0 0 0 / 8%);
}