:root {
  color-scheme: light;

  --color-page: #edf0f3;
  --color-text: #202226;
  --color-muted: #686d75;

  --color-header: #1d1f22;
  --color-header-border: #34373b;

  --color-nav-text: #e7e8ea;
  --color-nav-hover: #ffffff;

  --color-accent: #ff9850;
  --color-accent-soft: rgba(255, 152, 80, 0.16);

  --font-sans: Inter, ui-sans-serif, system-ui,
    -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --header-height: 72px;
  --content-width: 1180px;
  --page-gutter: clamp(18px, 4vw, 48px);

  --motion-fast: 180ms;
  --motion-standard: 280ms;
  --motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
}