:root {
  --brand-50: #f3f3f4;
  --brand-100: #e2e3e5;
  --brand-200: #bcbec3;
  --brand-300: #92959c;
  --brand-400: #585d68;
  --brand-500: #323845;
  --brand-600: #111827;
  --brand-700: #0e1421;
  --brand-800: #0b101a;
  --brand-900: #080c13;
  --brand-950: #05070c;
  --accent-50: #f0fbfc;
  --accent-100: #d7f3f8;
  --accent-200: #a5e5f0;
  --accent-300: #6ad3e5;
  --accent-400: #38c5dd;
  --accent-500: #06b6d4;
  --accent-600: #059db6;
  --accent-700: #047f94;
  --accent-800: #036272;
  --accent-900: #024551;
  --line: #e2e8f0;
  --radius: 0.25rem;
  --btn-radius: 0px;
  --container-max: 1560px;
  --section-pad: 2.5rem;
  --section-pad-lg: 3.5rem;
  --font-display: 'Rajdhani', 'Arial Narrow', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
}