/* Colour-only layer from Tutor_app_2/static/css/notebook-reference.css and
   warm-schedule-finance.css. Keep iDroo geometry, icons, cursors and ink intact.
   Inactive when data-theme="dark"; board-v4.css is the untouched original. */
:root[data-theme="tutor"] {
  color-scheme: light;
  color: #181d29;
  background: #fcf9f3;
  --tutor-bg: #fcf9f3;
  --tutor-paper: #fffcf8;
  --tutor-text: #181d29;
  --tutor-muted: #75777d;
  --tutor-accent: #b65337;
  --tutor-accent-hover: #af5138;
  --tutor-accent-soft: #f3ede4;
  --tutor-line: #e7ddd2;
  --tutor-green: #426348;
  --tutor-blue: #50768a;
  --tutor-danger: #a43c34;
  --tutor-shadow: 0 3px 14px rgba(32,36,49,.055);
  --tutor-edge: inset 0 0 0 1px var(--tutor-line);
  --bar: var(--tutor-bg);
  --active: var(--tutor-accent);
  --idroo-main: var(--tutor-text);
  --idroo-blue: var(--tutor-accent);
  --idroo-main-light: var(--tutor-accent-soft);
  --idroo-main-lighter: #f8f5ef;
  --idroo-controls: var(--tutor-paper);
  --idroo-panel: var(--tutor-paper);
  --idroo-border: var(--tutor-line);
  --idroo-shadow: rgba(32,36,49,.055);
}
[data-theme="tutor"] button:disabled { color: #afa9a1; }
[data-theme="tutor"] input:not([type="range"]) { color: var(--tutor-text); background: #fff; border-color: var(--tutor-line); }
[data-theme="tutor"] :is(.topbar,.toolstrip) { background: var(--tutor-bg); }
[data-theme="tutor"] .toolstrip { box-shadow: 0 1px var(--tutor-line),0 3px 14px rgba(32,36,49,.045); }
[data-theme="tutor"] :is(.history-tools,.board-name,.topbar > .icon-button,.tool-group,.preset-row,.contour-row,.management > div) {
  background: var(--tutor-paper);
  box-shadow: var(--tutor-edge);
}
[data-theme="tutor"] :is(.tool.active,.shape-toggle.active,.width-control.active,.stroke-control.active) {
  color: #fffcf8;
  background: var(--tutor-accent);
}
[data-theme="tutor"] button:is(.tool,.icon-button,.shape-toggle,.width-control,.stroke-control,.selection-more,.back-button):hover:not(:disabled) {
  box-shadow: inset 0 0 0 100px var(--tutor-accent-soft);
}
[data-theme="tutor"] button:is(.tool,.shape-toggle,.width-control,.stroke-control).active:hover:not(:disabled) {
  background: var(--tutor-accent-hover);
  box-shadow: none;
}
[data-theme="tutor"] .tool-divider { background: var(--tutor-line); box-shadow: none; }
[data-theme="tutor"] .group-label { color: var(--tutor-muted); text-shadow: none; }
[data-theme="tutor"] #connection { background: var(--tutor-muted); }
[data-theme="tutor"] #connection[data-state=saved] { background: var(--tutor-green); }
[data-theme="tutor"] #connection[data-state=saving] { background: #a87835; }
[data-theme="tutor"] #connection[data-state=offline] { background: var(--tutor-danger); }
[data-theme="tutor"] :is(.pen-preset,.current-color:not(.symbol)) {
  background: #f8f5ef;
  outline-color: var(--tutor-line);
}
[data-theme="tutor"] :is(.pen-preset:hover,.pen-preset.chosen,.current-color:not(.symbol):hover) {
  outline-color: var(--tutor-accent);
  background: var(--tutor-accent-soft);
}
[data-theme="tutor"] :is(#stage,#canvas) { background: var(--tutor-paper); }
/* Only the grid presentation changes; user objects retain their own colours. */
[data-theme="tutor"] #canvas > defs > pattern > [data-grid-line] { stroke: #c5bcae; }
[data-theme="tutor"] #canvas [data-handle] { fill: var(--tutor-green); }
[data-theme="tutor"] #canvas [data-handle="rotate"] { fill: var(--tutor-blue); }
[data-theme="tutor"] #canvas :is([data-vertex],[data-shared-vertex]) { fill: var(--tutor-accent); }
[data-theme="tutor"] :is(.zoom-bar,.selection-properties,#popover,.modal,#notice,#view-note) {
  color: var(--tutor-text);
  background: var(--tutor-paper);
  box-shadow: var(--tutor-edge),var(--tutor-shadow);
}
[data-theme="tutor"] .selection-properties :is(.contour-row,.preset-row),
[data-theme="tutor"] .color-menu .preset-row { background: transparent; box-shadow: none; }
[data-theme="tutor"] :is(.zoom-bar #zoom-value,.shape-category,.modal p,.board-empty,.loading-dot) { color: var(--tutor-muted); }
[data-theme="tutor"] #popover { scrollbar-color: #d6c9bb transparent; }
[data-theme="tutor"] #popover::-webkit-scrollbar-thumb { background-color: #d6c9bb; }
[data-theme="tutor"] :is(.width-option,.stroke-option,.context-option) { color: var(--tutor-text); }
[data-theme="tutor"] :is(.width-option.active,.stroke-option.active) { color: var(--tutor-accent); }
[data-theme="tutor"] :is(.context-option.danger,.modal .error) { color: var(--tutor-danger); }
[data-theme="tutor"] .width-slider { accent-color: var(--tutor-accent); }
[data-theme="tutor"] .width-slider::-webkit-slider-runnable-track { background: var(--tutor-line); }
[data-theme="tutor"] .width-slider::-webkit-slider-thumb { background: var(--tutor-accent); }
[data-theme="tutor"] .width-slider::-moz-range-track { background: var(--tutor-line); }
[data-theme="tutor"] .width-slider::-moz-range-thumb { background: var(--tutor-accent); }
[data-theme="tutor"] .modal-backdrop { background: rgba(32,36,49,.24); }
[data-theme="tutor"] .modal h2 { color: var(--tutor-text); }
[data-theme="tutor"] .modal button { color: var(--tutor-paper); background: var(--tutor-accent); }
[data-theme="tutor"] .modal button:hover { background: var(--tutor-accent-hover); box-shadow: none; }
[data-theme="tutor"] .modal .modal-close { color: var(--tutor-muted); background: transparent; }
[data-theme="tutor"] .modal .modal-close:hover { color: var(--tutor-text); background: var(--tutor-accent-soft); }
[data-theme="tutor"] #drop-target { color: var(--tutor-green); background: #eaf0e5ee; border-color: var(--tutor-green); }
[data-theme="tutor"] .dashboard-bar { background: var(--tutor-paper); box-shadow: 0 1px var(--tutor-line),var(--tutor-shadow); }
[data-theme="tutor"] .dashboard-tab { color: var(--tutor-accent); background: var(--tutor-accent-soft); }
[data-theme="tutor"] :is(.boards-main h1,.recent-group h2,.board-card) { color: var(--tutor-text); }
[data-theme="tutor"] .new-board { color: var(--tutor-paper); background: var(--tutor-accent); }
[data-theme="tutor"] .new-board:hover { background: var(--tutor-accent-hover); box-shadow: none; }
[data-theme="tutor"] .board-thumbnail { background: var(--tutor-paper); box-shadow: var(--tutor-shadow); }
[data-theme="tutor"] .board-thumbnail::after { box-shadow: var(--tutor-edge); }
[data-theme="tutor"] .board-card:hover .board-thumbnail::after { box-shadow: inset 0 0 0 2px var(--tutor-accent); }
[data-theme="tutor"] .board-thumbnail::before { background: transparent; }
[data-theme="tutor"] .board-thumbnail svg { filter: none; }
#canvas[data-panning="true"] { cursor: grabbing; }