:root {
  color-scheme: light dark;
}

.app.client-app {
  --client-bg: oklch(0.965 0.006 145);
  --client-panel: oklch(0.995 0.003 145);
  --client-control: oklch(0.955 0.006 145);
  --client-border: oklch(0.86 0.012 145);
  --client-text: oklch(0.24 0.014 145);
  --client-muted: oklch(0.53 0.014 145);
  --harbor-word: oklch(0.39 0.075 232);
  --harbor-connect: oklch(0.57 0.11 185);
  --harbor-gateway: oklch(0.61 0.12 72);
  --client-accent: var(--harbor-connect);
  --client-accent-soft: color-mix(in oklch, var(--client-accent) 22%, transparent);
}

.app.client-app.is-gateway-app {
  --client-accent: var(--harbor-gateway);
}

.client-shell:has(.harbor-brand.is-gateway-active) {
  --client-accent: var(--harbor-gateway);
}