:root {
  --color-canvas: #f7f8fc;
  --color-sidebar: #fbfcfe;
  --color-surface: #ffffff;
  --color-surface-raised: #ffffff;
  --color-surface-subtle: #f5f6fa;
  --color-surface-sunken: #eef1f6;
  --color-overlay: rgb(21 27 45 / 46%);
  --color-text-primary: #1c2434;
  --color-text-secondary: #596477;
  --color-text-muted: #7a8496;
  --color-text-inverse: #ffffff;
  --color-primary: #5b5ce2;
  --color-primary-hover: #4d4fd0;
  --color-primary-active: #4143b7;
  --color-primary-subtle: #eeedff;
  --color-focus: #5b5ce2;
  --color-focus-ring: rgb(91 92 226 / 25%);
  --color-border: #e3e7ef;
  --color-border-strong: #cbd2df;
  --color-border-hover: #aeb8c8;
  --color-row-hover: #f8f9fc;
  --color-row-selected: #f1f2ff;
  --color-sidebar-hover: #f2f3f8;
  --color-sidebar-active-border: #dedfff;
  --color-text-icon: #7d8798;
  --color-text-placeholder: #9aa3b2;
  --color-primary-ghost: #fafaff;
  --color-skeleton: #f8f9fc;
  --success-fg: #0d7543; --success-base: #159455; --success-surface: #e7f7ef; --success-border: #b7e7cf;
  --partial-fg: #1768a6; --partial-base: #2387d9; --partial-surface: #eaf4fd; --partial-border: #bbdcf7;
  --warning-fg: #845400; --warning-base: #d18a16; --warning-surface: #fff7e6; --warning-border: #f0d092;
  --restriction-fg: #954507; --restriction-base: #e17a16; --restriction-surface: #fff1e6; --restriction-border: #f3bd8a;
  --error-fg: #a62231; --error-base: #d73a49; --error-surface: #fdecef; --error-border: #f4bac1;
  --unknown-fg: #5f45a5; --unknown-base: #7c5cc4; --unknown-surface: #f3efff; --unknown-border: #d8ccf3;
  --info-fg: #0b6f86; --info-base: #0891b2; --info-surface: #e8f7fa; --info-border: #b8e4ec;
  --neutral-fg: #525a6f; --neutral-base: #667085; --neutral-surface: #f0f2f6; --neutral-border: #d8dde7; --disabled-fg: #a7abba;
  --space-0: 0; --space-0-5: 2px; --space-1: 4px; --space-1-5: 6px; --space-2: 8px; --space-2-25: 9px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-7: 28px; --space-8: 32px; --space-10: 40px; --space-12: 48px; --space-16: 64px;
  --control-height: 40px; --control-height-sm: 36px;
  --control-search-padding-start: 38px; --control-search-icon-size: 18px; --control-search-gap: 5px;
  --radius-sm: 6px; --radius-md: 8px; --radius-lg: 10px; --radius-xl: 14px; --radius-pill: 9999px;
  --shadow-xs: 0 1px 2px rgb(23 26 43 / 4%); --shadow-sm: 0 3px 12px rgb(23 26 43 / 7%); --shadow-overlay: 0 16px 40px rgb(23 26 43 / 16%);
  --surface-topbar: rgb(255 255 255 / 88%);
  --shadow-brand: 0 3px 8px rgb(91 92 226 / 20%);
  --shadow-primary-button: 0 1px 2px rgb(65 67 183 / 18%);
  --shadow-control-inset: inset 0 1px 1px rgb(30 38 57 / 3%);
  --shadow-error-focus: 0 0 0 3px rgb(215 58 73 / 16%);
  --font-sans: Manrope, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --color-secondary-accent: var(--color-primary);
}