:root {
  --ink-950: #101828;
  --ink-900: #182230;
  --ink-800: #293342;
  --ink-700: #344054;
  --ink-600: #475467;
  --ink-500: #667085;
  --ink-400: #98a2b3;
  --surface: #ffffff;
  --surface-soft: #f6f7f9;
  --surface-muted: #eceef3;
  --page-background: var(--surface-soft);
  --line: #e4e7ec;
  --line-strong: #d0d5dd;
  --violet-700: #2c3a8c;
  --violet-600: #3a4db3;
  --violet-500: #5866c9;
  --violet-100: #e5e8f6;
  --violet-50: #f4f5fb;
  --pink-500: #3a4db3;
  --orange-400: #5866c9;
  --green-500: #12b76a;
  --green-700: #087a55;
  --green-100: #d9f8eb;
  --green-50: #ecfdf6;
  --red-700: #b42318;
  --red-600: #d92d20;
  --red-100: #fee4e2;
  --red-50: #fff5f4;
  --amber-700: #9a6700;
  --amber-100: #fef0c7;
  --sidebar: #1b2130;
  --sidebar-soft: #262d3d;
  --sidebar-width: 270px;
  --topbar-height: 64px;
  --font-body: "Plus Jakarta Sans", system-ui, sans-serif;
  --font-display: "Plus Jakarta Sans", system-ui, sans-serif;
  --font-brand: "Orbitron", "Eurostile", "Bank Gothic", "Microgramma", "Plus Jakarta Sans", system-ui, sans-serif;
  --radius-sm: 8px;
  --radius-md: 11px;
  --radius-lg: 15px;
  --radius-xl: 20px;
  --shadow-sm:
    0 1px 3px rgba(16, 24, 40, 0.06), 0 1px 2px rgba(16, 24, 40, 0.04);
  --shadow-md: 0 14px 34px rgba(16, 24, 40, 0.09);
  --shadow-lg: 0 28px 80px rgba(8, 15, 30, 0.2);
  --focus: 0 0 0 4px rgba(58, 77, 179, 0.18);
  --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-10: 40px;
  --content-max: 1400px;
  --page-title-size: clamp(26px, 3vw, 34px);
  --page-title-line-height: 1.2;
  --page-description-size: 13px;
  --section-title-size: 18px;
  --table-header-size: 11px;
  --table-body-size: 13px;
  --card-padding: 24px;
  --filter-padding: 14px;
  --filter-gap: 12px;
  --table-cell-padding: 14px 16px;
  --form-label-color: var(--ink-700);
  --form-label-size: 14px;
  --form-label-weight: 500;
  --form-label-line-height: 20px;
  --form-label-gap: 6px;
  --form-control-height: 44px;
  --form-control-padding: 10px 12px;
  --form-control-radius: var(--radius-sm);
  --form-control-font-size: 14px;
  --form-focus-border: var(--violet-500);
  --form-error-size: 12px;
  --form-error-gap: 5px;
  --button-height: 40px;
  --button-padding: 8px 14px;
  --button-radius: 10px;
  --button-font-size: 13px;
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}