:root {
  --brand-blue: #075fd8;
  --brand-blue-dark: #002e99;
  --brand-navy: #062457;
  --brand-orange: #fc6100;
  --brand-orange-dark: #d94f00;
  --brand-blue-soft: #eaf2ff;
  --brand-orange-soft: #fff1e8;
  --ink-950: #111827;
  --ink-800: #263247;
  --ink-600: #5d687b;
  --ink-400: #8f99a9;
  --line: #e3e8f0;
  --canvas: #f3f6fa;
  --surface: #ffffff;
  --success: #16845a;
  --success-soft: #e8f7f0;
  --warning: #ae6700;
  --warning-soft: #fff5de;
  --danger: #c33b47;
  --danger-soft: #fff0f2;
  --purple: #6d43b2;
  --purple-soft: #f2ecff;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --shadow-sm: 0 5px 18px rgb(20 37 69 / 7%);
  --shadow-md: 0 18px 45px rgb(20 37 69 / 12%);
  --container: 1440px;
  --page-gutter: clamp(18px, 4vw, 64px);
  --section-space: clamp(48px, 7vw, 100px);
}