:root {
  --eui-bg: #ffffff;
  --eui-bg-subtle: #f9fafb;
  --eui-bg-hover: #eff6ff;
  --eui-text: #1f2937;
  --eui-text-muted: #6b7280;
  --eui-text-disabled: #9ca3af;
  --eui-text-on-primary: #ffffff;
  --eui-border: #d1d5db;
  --eui-border-subtle: #e5e7eb;
  --eui-primary: #3b82f6;
  --eui-primary-hover: #2563eb;
  --eui-primary-subtle: #dbeafe;
  --eui-primary-border: #bfdbfe;
  --eui-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
  --eui-font-family: 'Inter', system-ui, -apple-system, sans-serif;
  --eui-radius-sm: 0.25rem;
  --eui-radius-md: 0.375rem;
  --eui-control-h-xs: 1.625rem;
  --eui-control-h-sm: 1.75rem;
  --eui-control-h-md: 1.9375rem;
  --eui-control-h-lg: 2.1875rem;
  --eui-control-h-xl: 2.375rem;
}

[class*=eui-] {
  scrollbar-width: thin;
  scrollbar-color: var(--eui-border) transparent;
}
[class*=eui-]::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
[class*=eui-]::-webkit-scrollbar-track {
  background: transparent;
}
[class*=eui-]::-webkit-scrollbar-thumb {
  background-color: var(--eui-border);
  border-radius: 3px;
}
[class*=eui-]::-webkit-scrollbar-thumb:hover {
  background-color: var(--eui-text-muted);
}
[class*=eui-]::-webkit-scrollbar-corner {
  background: transparent;
}

.eui-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

body.mode-dark {
  --eui-bg: #1f2937;
  --eui-bg-subtle: #111827;
  --eui-bg-hover: #1e3a5f;
  --eui-text: #e5e7eb;
  --eui-text-muted: #9ca3af;
  --eui-text-disabled: #6b7280;
  --eui-text-on-primary: #ffffff;
  --eui-border: #4b5563;
  --eui-border-subtle: #374151;
  --eui-primary: #2563eb;
  --eui-primary-hover: #3b82f6;
  --eui-primary-subtle: #1e3a5f;
  --eui-primary-border: #1d4ed8;
  --eui-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.4);
}