:root {
  --brand-50: #f5f6f7;
  --brand-100: #e7e8eb;
  --brand-200: #c6cacf;
  --brand-300: #a1a8b1;
  --brand-400: #707a88;
  --brand-500: #505c6d;
  --brand-600: #334155;
  --brand-700: #2b3747;
  --brand-800: #222b38;
  --brand-900: #181f29;
  --brand-950: #0f141a;
  --accent-50: #f1fbf7;
  --accent-100: #d9f4eb;
  --accent-200: #a9e6d2;
  --accent-300: #70d5b3;
  --accent-400: #40c79a;
  --accent-500: #10b981;
  --accent-600: #0e9f6f;
  --accent-700: #0b825a;
  --accent-800: #096446;
  --accent-900: #064631;
  --line: #e2e8f0;
  --radius: 0;
  --btn-radius: 0px;
  --container-max: 1560px;
  --section-pad: 3.5rem;
  --section-pad-lg: 5rem;
  --font-display: 'Work Sans', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
}