/* Stable colour accents, shared dimensions and visible keyboard focus. */
@media screen {
  .project-modes button,.canvas-toolbar .canvas-action { --command-color:#71838f; --command-tint:#f0f4f7; border:1px solid var(--command-color); background:var(--command-tint); color:var(--color-ink); box-shadow:none; transition:background-color .12s,border-color .12s; }
  #planModeButton { --command-color:#8cad45; --command-tint:#f1f8df; }
  #constructorModeButton { --command-color:#7b9dbc; --command-tint:#edf4fa; }
  #myFurnitureButton { --command-color:#a28ab9; --command-tint:#f4eff9; }
  #recognizeButton { --command-color:#70a8a0; --command-tint:#edf7f5; }
  #saveProjectFileButton { --command-color:#83a185; --command-tint:#eef6ef; }
  #openProjectFileButton { --command-color:#b99c72; --command-tint:#fbf4e8; }
  #finishSpecificationButton,#projectSpecificationButton { --command-color:#b99b66; --command-tint:#fcf5e6; }
  #projectPaletteButton { --command-color:#ae86a4; --command-tint:#f9eff6; }
  #view3DButton { --command-color:#99bd49; --command-tint:var(--color-accent); }
  #measureButton { --command-color:#6fa5ad; --command-tint:#edf7f8; }
  #workspaceFocusButton { --command-color:#809ac0; --command-tint:#eff3fb; }
  .project-modes button:hover,.canvas-toolbar .canvas-action:hover { background:color-mix(in srgb,var(--command-color) 20%,white); border-color:var(--command-color); color:var(--color-ink); }
  .project-modes button.active,.project-modes button[aria-pressed=true],.canvas-toolbar .canvas-action.selected,.canvas-toolbar .canvas-action[aria-pressed=true],.canvas-toolbar .canvas-action[aria-expanded=true] { border-color:var(--command-color); background:color-mix(in srgb,var(--command-color) 27%,white); box-shadow:inset 0 -2px var(--command-color); color:var(--color-ink); }
  .project-modes button:focus-visible,.canvas-toolbar .canvas-action:focus-visible { outline:2px solid var(--color-focus); outline-offset:2px; }
  .project-modes>button,.project-file-actions button,.canvas-actions>button { flex-shrink:0; }
}