:root {
  color-scheme: light;
  --color-bg: #FFFFFF;
  --color-surface: #F7F8F7;
  --color-surface-elevated: #EFF1EF;
  --color-text: #1E1E1E;
  --color-text-muted: #575D59;
  --accent-rgb: 1, 121, 99;
  --color-accent: rgb(var(--accent-rgb));
  --color-accent-soft: rgba(var(--accent-rgb), 0.08);
  --color-border: rgba(30, 30, 30, 0.15);
  --color-danger: #BC2921;

  --font-heading: Manrope, Arial, sans-serif;
  --font-body: Inter, Arial, sans-serif;
  --font-mono: 'IBM Plex Mono', Consolas, monospace;
  --type-hero: clamp(48px, 7vw, 96px);
  --type-section: clamp(36px, 5.5vw, 76px);
  --heading-tracking: -0.02em;
  --body-leading: 1.6;

  --content-max: 1360px;
  --gutter: clamp(20px, 5vw, 80px);
  --section-space: clamp(80px, 10vw, 160px);
  --radius: 6px;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}