:root {
  --color-navy-950: #082331;
  --color-navy-900: #0a3446;
  --color-navy-800: #104b60;
  --color-navy-700: #17677a;
  --color-teal-700: #0e817d;
  --color-teal-600: #10a59c;
  --color-teal-100: #ddf5f1;
  --color-green-800: #17624c;
  --color-green-700: #1b7b5e;
  --color-green-100: #e5f4ec;
  --color-yellow-500: #f4b942;
  --color-yellow-100: #fff4d7;
  --color-orange-600: #c76b1d;
  --color-orange-100: #fff0df;
  --color-red-700: #b33a45;
  --color-red-100: #fde8e9;
  --color-blue-700: #2f6eb3;
  --color-blue-100: #e8f1fb;
  --color-purple-700: #6d4ca5;
  --color-purple-100: #f0ebfb;
  --color-white: #ffffff;
  --color-gray-25: #fcfdfd;
  --color-gray-50: #f7f9fa;
  --color-gray-100: #eff3f4;
  --color-gray-200: #e2e8ea;
  --color-gray-300: #cbd6d9;
  --color-gray-400: #9aabb1;
  --color-gray-500: #6f8087;
  --color-gray-600: #52636a;
  --color-gray-700: #34474e;
  --color-gray-800: #24383f;
  --color-black: #16252b;
  --color-border: #dce5e7;
  --color-border-strong: #c7d4d7;
  --color-bg: #f5f8f8;
  --color-surface: #ffffff;
  --color-surface-muted: #f8fafb;
  --color-overlay: rgba(7, 26, 35, 0.48);
  --shadow-xs: 0 1px 2px rgba(17, 49, 59, 0.04);
  --shadow-sm: 0 2px 8px rgba(17, 49, 59, 0.06);
  --shadow-md: 0 8px 22px rgba(17, 49, 59, 0.08);
  --shadow-lg: 0 16px 42px rgba(17, 49, 59, 0.14);
  --radius-xs: 4px;
  --radius-sm: 7px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-pill: 999px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-9: 40px;
  --space-10: 48px;
  --space-11: 56px;
  --space-12: 64px;
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --text-xs: 11px;
  --text-sm: 12px;
  --text-md: 14px;
  --text-lg: 16px;
  --text-xl: 18px;
  --text-2xl: 22px;
  --text-3xl: 28px;
  --text-4xl: 36px;
  --sidebar-width: 256px;
  --sidebar-collapsed-width: 76px;
  --topbar-height: 68px;
  --footer-height: 42px;
  --content-max: 1680px;
  --ease-standard: cubic-bezier(0.2, 0.65, 0.25, 1);
  --transition-fast: 140ms var(--ease-standard);
  --transition: 220ms var(--ease-standard);
  --z-sidebar: 20;
  --z-topbar: 15;
  --z-overlay: 50;
  --z-drawer: 60;
  --z-modal: 70;
  --z-toast: 90;
}