:root {
  --brand-50: #f3f3f4;
  --brand-100: #e3e3e4;
  --brand-200: #bebebf;
  --brand-300: #959596;
  --brand-400: #5d5d5f;
  --brand-500: #38383b;
  --brand-600: #18181b;
  --brand-700: #141417;
  --brand-800: #101012;
  --brand-900: #0c0c0d;
  --brand-950: #070708;
  --accent-50: #faf5ff;
  --accent-100: #f1e4fe;
  --accent-200: #e0c2fc;
  --accent-300: #cb99fa;
  --accent-400: #b977f9;
  --accent-500: #a855f7;
  --accent-600: #9049d4;
  --accent-700: #763cad;
  --accent-800: #5b2e85;
  --accent-900: #40205e;
  --line: #e4e4e7;
  --radius: 1.25rem;
  --btn-radius: 9999px;
  --container-max: 1560px;
  --section-pad: 3.5rem;
  --section-pad-lg: 5rem;
  --font-display: 'Bricolage Grotesque', 'system-ui', 'PingFang SC', sans-serif;
  --font-body: 'Inter', 'system-ui', 'PingFang SC', sans-serif;
}