:root {
  --green-900: #173f22;
  --green-800: #20592b;
  --green-700: #2f7d39;
  --green-600: #3b9146;
  --orange-600: #e9630c;
  --orange-500: #ff7a1a;
  --ink-950: #101712;
  --ink-800: #28342b;
  --ink-600: #58645b;
  --paper: #f6f4ef;
  --paper-2: #ebe8df;
  --white: #fff;
  --line: rgba(16, 23, 18, 0.14);
  --line-light: rgba(255, 255, 255, 0.18);
  --shadow: 0 24px 70px rgba(16, 23, 18, 0.13);
  --font-body: "Barlow", "Noto Sans Khmer", "Khmer OS System", Inter, Arial, sans-serif;
  --font-display: "Barlow Condensed", "Noto Sans Khmer", "Khmer OS Muol Light", Arial, sans-serif;
  --step--1: clamp(0.82rem, 0.79rem + 0.12vw, 0.9rem);
  --step-0: clamp(1rem, 0.96rem + 0.18vw, 1.125rem);
  --step-1: clamp(1.22rem, 1.12rem + 0.42vw, 1.5rem);
  --step-2: clamp(1.55rem, 1.34rem + 0.92vw, 2.2rem);
  --step-3: clamp(2.1rem, 1.65rem + 1.9vw, 3.5rem);
  --step-4: clamp(3rem, 2rem + 4vw, 6.4rem);
  --space-1: 0.5rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4.5rem;
  --space-8: clamp(5rem, 9vw, 9rem);
  --radius-sm: 0.35rem;
  --radius-md: 0.8rem;
  --radius-lg: 1.4rem;
  --container: 82rem;
  --gutter: clamp(1rem, 3vw, 2rem);
  --header-h: 4.75rem;
  --brand-w: 14rem;
}