:root {
  --navy-950: #062642;
  --navy-900: #0b3a67;
  --navy-800: #124d7f;
  --navy-100: #e8f1f8;
  --green-800: #0d633b;
  --green-700: #16794a;
  --green-600: #218a58;
  --green-100: #e6f4ec;
  --green-50: #f3faf6;
  --amber-700: #9a620d;
  --amber-100: #fff3d9;
  --red-700: #b42318;
  --red-100: #feeceb;
  --blue-700: #175cd3;
  --blue-100: #eaf2ff;
  --violet-700: #6941c6;
  --violet-100: #f1ebff;
  --gray-950: #17212b;
  --gray-800: #344054;
  --gray-700: #475467;
  --gray-600: #667085;
  --gray-500: #7f8b99;
  --gray-300: #d0d7df;
  --gray-200: #e2e7ec;
  --gray-100: #eef1f4;
  --gray-50: #f7f9fb;
  --white: #ffffff;
  --page: #f3f6f8;
  --shadow-sm: 0 1px 2px rgba(6, 38, 66, .05);
  --shadow-md: 0 10px 30px rgba(6, 38, 66, .10);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --sidebar-width: 264px;
  --topbar-height: 76px;
  --font: "Segoe UI", Arial, sans-serif;
}