:root {
  --ui-icon-chrome: var(--chrome-text);
  --ui-icon-surface: var(--text);
  --ui-icon-muted: color-mix(in srgb, var(--text) 72%, var(--surface));
  --ui-icon-hover: color-mix(in srgb, var(--primary) 44%, var(--ui-icon-chrome));
  --ui-control-hover-bg: color-mix(in srgb, var(--surface-alt) 82%, var(--primary) 18%);
  --ui-control-hover-border: color-mix(in srgb, var(--primary) 42%, var(--border));
  --ui-control-active-bg: color-mix(in srgb, var(--surface-alt) 68%, var(--primary) 32%);
}