:root {
  --ui-color-away-bg: #b45309;
  --ui-color-away-fg: #ffffff;
  --ui-color-border-default: #e5e7eb;
  --ui-color-busy-bg: #dc2626;
  --ui-color-busy-fg: #ffffff;
  --ui-color-cyan-bg: #0e7490;
  --ui-color-cyan-bg-hover: #155e75;
  --ui-color-cyan-fg: #ffffff;
  --ui-color-danger-bg: #dc2626;
  --ui-color-danger-bg-hover: #b91c1c;
  --ui-color-danger-fg: #ffffff;
  --ui-color-down-bg: #dc2626;
  --ui-color-down-fg: #ffffff;
  --ui-color-flat-bg: #e5e7eb;
  --ui-color-flat-fg: #111827;
  --ui-color-focus-ring: #2563eb;
  --ui-color-ghost-bg: #ffffff;
  --ui-color-ghost-bg-hover: #f3f4f6;
  --ui-color-ghost-border: #d1d5db;
  --ui-color-ghost-fg: #111827;
  --ui-color-indigo-bg: #4338ca;
  --ui-color-indigo-bg-hover: #3730a3;
  --ui-color-indigo-fg: #ffffff;
  --ui-color-link-visited: #7c3aed;
  --ui-color-neutral-bg: #e5e7eb;
  --ui-color-neutral-bg-hover: #d1d5db;
  --ui-color-neutral-fg: #111827;
  --ui-color-offline-bg: #e5e7eb;
  --ui-color-offline-fg: #111827;
  --ui-color-online-bg: #15803d;
  --ui-color-online-fg: #ffffff;
  --ui-color-primary-bg: #2563eb;
  --ui-color-primary-bg-hover: #1d4ed8;
  --ui-color-primary-fg: #ffffff;
  --ui-color-secondary-bg: #e5e7eb;
  --ui-color-secondary-bg-hover: #d1d5db;
  --ui-color-secondary-fg: #111827;
  --ui-color-success-bg: #15803d;
  --ui-color-success-bg-hover: #166534;
  --ui-color-success-fg: #ffffff;
  --ui-color-surface-bg: #ffffff;
  --ui-color-surface-fg: #111827;
  --ui-color-teal-bg: #0f766e;
  --ui-color-teal-bg-hover: #115e59;
  --ui-color-teal-fg: #ffffff;
  --ui-color-tooltip-bg: #111827;
  --ui-color-tooltip-fg: #f9fafb;
  --ui-color-up-bg: #15803d;
  --ui-color-up-fg: #ffffff;
  --ui-color-violet-bg: #6d28d9;
  --ui-color-violet-bg-hover: #5b21b6;
  --ui-color-violet-fg: #ffffff;
  --ui-color-warning-bg: #b45309;
  --ui-color-warning-bg-hover: #92400e;
  --ui-color-warning-fg: #ffffff;
  --ui-radius-full: 9999px;
  --ui-radius-lg: 0.75rem;
  --ui-radius-md: 0.5rem;
  --ui-radius-sm: 0.25rem;
  --ui-size-page-gutter: 1.5rem;
  --ui-size-page-max-width: 75rem;
  --ui-space-lg: 1rem;
  --ui-space-md: 0.75rem;
  --ui-space-sm: 0.5rem;
  --ui-space-xl: 1.5rem;
  --ui-space-xs: 0.25rem;
  --ui-type-body: 1rem/1.5;
  --ui-type-large: 1.125rem/1.5;
  --ui-type-small: 0.875rem/1.4;
}

[data-theme="light"] {
  --ui-color-away-bg: #b45309;
  --ui-color-away-fg: #ffffff;
  --ui-color-border-default: #e5e7eb;
  --ui-color-busy-bg: #dc2626;
  --ui-color-busy-fg: #ffffff;
  --ui-color-cyan-bg: #0e7490;
  --ui-color-cyan-bg-hover: #155e75;
  --ui-color-cyan-fg: #ffffff;
  --ui-color-danger-bg: #dc2626;
  --ui-color-danger-bg-hover: #b91c1c;
  --ui-color-danger-fg: #ffffff;
  --ui-color-down-bg: #dc2626;
  --ui-color-down-fg: #ffffff;
  --ui-color-flat-bg: #e5e7eb;
  --ui-color-flat-fg: #111827;
  --ui-color-focus-ring: #2563eb;
  --ui-color-ghost-bg: #ffffff;
  --ui-color-ghost-bg-hover: #f3f4f6;
  --ui-color-ghost-border: #d1d5db;
  --ui-color-ghost-fg: #111827;
  --ui-color-indigo-bg: #4338ca;
  --ui-color-indigo-bg-hover: #3730a3;
  --ui-color-indigo-fg: #ffffff;
  --ui-color-link-visited: #7c3aed;
  --ui-color-neutral-bg: #e5e7eb;
  --ui-color-neutral-bg-hover: #d1d5db;
  --ui-color-neutral-fg: #111827;
  --ui-color-offline-bg: #e5e7eb;
  --ui-color-offline-fg: #111827;
  --ui-color-online-bg: #15803d;
  --ui-color-online-fg: #ffffff;
  --ui-color-primary-bg: #2563eb;
  --ui-color-primary-bg-hover: #1d4ed8;
  --ui-color-primary-fg: #ffffff;
  --ui-color-secondary-bg: #e5e7eb;
  --ui-color-secondary-bg-hover: #d1d5db;
  --ui-color-secondary-fg: #111827;
  --ui-color-success-bg: #15803d;
  --ui-color-success-bg-hover: #166534;
  --ui-color-success-fg: #ffffff;
  --ui-color-surface-bg: #ffffff;
  --ui-color-surface-fg: #111827;
  --ui-color-teal-bg: #0f766e;
  --ui-color-teal-bg-hover: #115e59;
  --ui-color-teal-fg: #ffffff;
  --ui-color-tooltip-bg: #111827;
  --ui-color-tooltip-fg: #f9fafb;
  --ui-color-up-bg: #15803d;
  --ui-color-up-fg: #ffffff;
  --ui-color-violet-bg: #6d28d9;
  --ui-color-violet-bg-hover: #5b21b6;
  --ui-color-violet-fg: #ffffff;
  --ui-color-warning-bg: #b45309;
  --ui-color-warning-bg-hover: #92400e;
  --ui-color-warning-fg: #ffffff;
  --ui-radius-full: 9999px;
  --ui-radius-lg: 0.75rem;
  --ui-radius-md: 0.5rem;
  --ui-radius-sm: 0.25rem;
  --ui-size-page-gutter: 1.5rem;
  --ui-size-page-max-width: 75rem;
  --ui-space-lg: 1rem;
  --ui-space-md: 0.75rem;
  --ui-space-sm: 0.5rem;
  --ui-space-xl: 1.5rem;
  --ui-space-xs: 0.25rem;
  --ui-type-body: 1rem/1.5;
  --ui-type-large: 1.125rem/1.5;
  --ui-type-small: 0.875rem/1.4;
}