:root {
  --brand-50: #f2f8fa;
  --brand-100: #e1edf4;
  --brand-200: #b8d5e5;
  --brand-300: #8bbad4;
  --brand-400: #4f96bd;
  --brand-500: #267eae;
  --brand-600: #0369a1;
  --brand-700: #035887;
  --brand-800: #02456a;
  --brand-900: #01324d;
  --brand-950: #012030;
  --accent-50: #f1fbfa;
  --accent-100: #d9f4f1;
  --accent-200: #aae5df;
  --accent-300: #72d4ca;
  --accent-400: #43c6b8;
  --accent-500: #14b8a6;
  --accent-600: #119e8f;
  --accent-700: #0e8174;
  --accent-800: #0b635a;
  --accent-900: #08463f;
  --line: #e2e8f0;
  --radius: 1rem;
  --btn-radius: 9999px;
  --container-max: 1560px;
  --section-pad: 3.5rem;
  --section-pad-lg: 5rem;
  --font-display: 'Manrope', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
}