:root {
  --brand-50: #f5f5f6;
  --brand-100: #e8e8e9;
  --brand-200: #c9c9cb;
  --brand-300: #a7a7aa;
  --brand-400: #79797e;
  --brand-500: #5a5a60;
  --brand-600: #3f3f46;
  --brand-700: #35353b;
  --brand-800: #2a2a2e;
  --brand-900: #1e1e22;
  --brand-950: #131315;
  --accent-50: #f9fef3;
  --accent-100: #f0fbdf;
  --accent-200: #def6b6;
  --accent-300: #c8f086;
  --accent-400: #b5eb5d;
  --accent-500: #a3e635;
  --accent-600: #8cc62e;
  --accent-700: #72a125;
  --accent-800: #587c1d;
  --accent-900: #3e5714;
  --line: #e4e4e7;
  --radius: 0.5rem;
  --btn-radius: 0.75rem;
  --container-max: 1560px;
  --section-pad: 2.5rem;
  --section-pad-lg: 3.5rem;
  --font-display: 'IBM Plex Sans Condensed', 'Arial Narrow', system-ui, sans-serif;
  --font-body: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
}