/* Use the existing product colors more clearly without changing the design. */
.command-window {
  background: color-mix(in oklch, var(--ink) 90%, var(--blue));
  border-color: color-mix(in oklch, var(--blue) 45%, var(--ink));
  box-shadow: 0 25px 58px rgba(8,22,39,.24);
}
.command-window > header {
  background: color-mix(in oklch, var(--blue) 17%, var(--ink));
  border-bottom-color: color-mix(in oklch, var(--blue) 35%, var(--ink));
}
.system-row {
  background: color-mix(in oklch, var(--blue) 12%, var(--ink));
  border-color: color-mix(in oklch, var(--blue) 25%, var(--ink));
}
.command-heading small, .system-row div span, .live-pill {
  color: color-mix(in oklch, var(--paper) 72%, var(--ink));
}
.scribe-float {
  border-color: color-mix(in oklch, var(--violet) 28%, var(--line));
  box-shadow: 0 18px 36px rgba(8,22,39,.15);
}
.scribe-float > header { background: color-mix(in oklch, var(--violet) 8%, var(--paper)); }
.scribe-float p { background: color-mix(in oklch, var(--violet) 6%, var(--paper)); }
.marketing-float {
  border-color: color-mix(in oklch, var(--coral) 36%, var(--line));
  box-shadow: 0 18px 36px rgba(8,22,39,.15);
}
.marketing-float > header { background: color-mix(in oklch, var(--coral) 12%, var(--paper)); }
.phone-float { box-shadow: 0 20px 46px rgba(8,22,39,.24); }
.button-dark b { background: var(--coral); color: var(--ink); }
.bot-card, .booking-card {
  background: color-mix(in oklch, var(--coral) 5%, var(--paper));
  border-color: color-mix(in oklch, var(--coral) 23%, var(--line));
}
.nexus-tabs button.active { background: color-mix(in oklch, var(--blue) 24%, var(--ink)); }
.nexus-tabs button.active i { color: color-mix(in oklch, var(--blue) 40%, var(--paper)); }
.voice-phone { border-color: color-mix(in oklch, var(--blue) 18%, var(--paper)); }
.scribe-card {
  background: color-mix(in oklch, var(--violet) 3%, var(--paper));
  border-color: color-mix(in oklch, var(--violet) 24%, var(--line));
}
.scribe-ui {
  background: var(--paper);
  border-color: color-mix(in oklch, var(--violet) 24%, var(--line));
}
.scribe-ui > header { background: color-mix(in oklch, var(--violet) 7%, var(--paper)); }
.product-tag.violet {
  color: color-mix(in oklch, var(--violet) 65%, var(--ink));
  background: color-mix(in oklch, var(--violet) 10%, var(--paper));
}
.cortex-ui { border-color: color-mix(in oklch, var(--blue) 40%, var(--ink)); }
@media (hover:hover) and (pointer:fine) {
  .button-dark:hover { background: color-mix(in oklch, var(--blue) 22%, var(--ink)); }
  .fst-homepage-shot:hover::after { box-shadow: 0 4px 16px rgba(8,22,39,.28); }
}
.scribe-ui .transcript article {
  background: color-mix(in oklch, var(--violet) 5%, var(--paper));
}