:root {
  --brand-50: #f3f3f4;
  --brand-100: #e2e3e5;
  --brand-200: #bcbec3;
  --brand-300: #91949d;
  --brand-400: #575d6a;
  --brand-500: #313748;
  --brand-600: #0f172a;
  --brand-700: #0d1323;
  --brand-800: #0a0f1c;
  --brand-900: #070b14;
  --brand-950: #05070d;
  --accent-50: #f2fcfe;
  --accent-100: #dcf8fc;
  --accent-200: #afeff9;
  --accent-300: #7ae5f5;
  --accent-400: #4edcf1;
  --accent-500: #22d3ee;
  --accent-600: #1db5cd;
  --accent-700: #1894a7;
  --accent-800: #127281;
  --accent-900: #0d505a;
  --line: #e2e8f0;
  --radius: 1rem;
  --btn-radius: 0.75rem;
  --container-max: 1560px;
  --section-pad: 2.5rem;
  --section-pad-lg: 3.5rem;
  --font-display: 'Outfit', system-ui, 'PingFang SC', sans-serif;
  --font-body: 'Inter', system-ui, 'PingFang SC', sans-serif;
}