:root {
  --arhix-document-layer-canvas: 1;
  --arhix-document-inset-zero: 0;
  --arhix-document-canvas-bg: #fff;
  --arhix-document-selection: #0059ff;
  --arhix-document-selection-fill: rgb(0 89 255 / 22%);
  --arhix-document-muted: #737373;
  --arhix-document-presentation-mask: #f4f4f4;
  --arhix-document-presentation-mask-dark: #28292b;
  --arhix-document-presentation-paper: #fff;
  --arhix-document-presentation-frame: rgba(0, 0, 0, 0.16);
}

body.dark-theme {
  --arhix-document-canvas-bg: #28292b;
  --arhix-document-selection: #377dff;
  --arhix-document-selection-fill: rgb(55 125 255 / 28%);
  --arhix-document-muted: #9a9ca3;
}

body.mixed-theme {
  --arhix-document-canvas-bg: #fff;
  --arhix-document-selection-fill: rgb(0 89 255 / 22%);
}