:root {
  color-scheme: dark;
  --hy-bg: #121315;
  --hy-panel: #1a1b1f;
  --hy-panel-raised: #23252a;
  --hy-control-bg: #17181b;
  --hy-text: #f2f2ee;
  --hy-text-muted: #aaabb1;
  --hy-text-faint: #81838a;
  --hy-border: rgba(255, 255, 255, 0.08);
  --hy-border-strong: rgba(255, 255, 255, 0.14);
  --hy-accent: #c8c8c2;
  --hy-accent-contrast: #17181b;
  --hy-accent-hover: #ddddd6;
  --hy-accent-active: #adada8;
  --hy-danger: #ff776d;
  --hy-focus: var(--hy-accent);
  --hy-disabled: #66686d;
  --hy-radius-sm: 8px;
  --hy-radius-md: 12px;
  --hy-space-1: 4px;
  --hy-space-2: 8px;
  --hy-space-3: 12px;
  --hy-space-4: 16px;
  --hy-space-6: 24px;
  --hy-font-ui: system-ui, -apple-system, "Segoe UI", sans-serif;
  --hy-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --hy-font-xs: 11px;
  --hy-font-sm: 13px;
  --hy-font-md: 14px;
  --hy-font-lg: 17px;
  --hy-weight-normal: 400;
  --hy-weight-medium: 550;
  --hy-weight-bold: 650;
  --hy-control-height: 40px;
  --hy-control-height-sm: 34px;
  --hy-focus-ring: 0 0 0 2px var(--hy-bg), 0 0 0 4px var(--hy-focus);
}