/* Palette di BlueRoom (web/vdr.css e web/public/appearance.css): stessi sfondi,
   testo, linee e accento blu; in scuro i grigi neutri "night" di BlueRoom. */
:root {
  color-scheme: light;
  --background: #fff;
  --foreground: #202630;
  --primary: #152132;
  --primary-foreground: #fff;
  --primary-hover: #26364c;
  --focus: #315ba9;
  --accent-soft: #eef4ff;
  --accent-border: #c3d3ef;
  --accent-ink: #315ba9;
  --secondary: #f2f4f7;
  --muted: #647080;
  --line: #e0e4eb;
  --line-strong: #cbd2dc;
  --canvas: #fafbfc;
  --sidebar-background: #051c2c;
  --rail-hover: #11334f;
  --rail-active: #163c5b;
  --rail-active-hover: #1b4565;
  --rail-line: #23445e;
  --rail-ink: #bacbda;
  --rail-focus: #93c5fd;
  --surface-muted: #f7f9fc;
  --column-background: #f0f3f7;
  --text-secondary: #4a5566;
  --avatar-background: #eef4ff;
  --avatar-foreground: #315ba9;
  --overlay: #15213233;
  --danger: #ae3b45;
  --danger-background: #fbf1f2;
  --danger-border: #efd3d6;
  --warning: #886014;
  --warning-background: #faf4e6;
  --info: #315ba9;
  --info-background: #eef4ff;
  --violet: #7148a7;
  --violet-background: #f3eef9;
  --success: #27745e;
  --success-background: #eaf4f0;
}
:root.dark {
  color-scheme: dark;
  --background: #252628;
  --foreground: oklch(0.955 0 0);
  --primary: oklch(0.922 0 0);
  --primary-foreground: #1e1f21;
  --primary-hover: #fff;
  --focus: #aaa;
  --accent-soft: #2e2f31;
  --accent-border: oklch(1 0 0 / 20%);
  --accent-ink: oklch(0.955 0 0);
  --secondary: #2e2f31;
  --muted: oklch(0.72 0 0);
  --line: oklch(1 0 0 / 12%);
  --line-strong: oklch(1 0 0 / 20%);
  --canvas: #1e1f21;
  --sidebar-background: #1a1b1d;
  --rail-hover: #2e2f31;
  --rail-active: #2e2f31;
  --rail-active-hover: #36373a;
  --rail-line: oklch(1 0 0 / 12%);
  --rail-ink: oklch(0.72 0 0);
  --rail-focus: #aaa;
  --surface-muted: #2a2b2d;
  --column-background: #1a1b1d;
  --text-secondary: oklch(0.82 0 0);
  --avatar-background: #2e2f31;
  --avatar-foreground: oklch(0.955 0 0);
  --overlay: #0008;
  --danger: #db949a;
  --danger-background: color-mix(in srgb, #db949a 14%, #252628);
  --danger-border: color-mix(in srgb, #db949a 35%, #252628);
  --warning: #e6c689;
  --warning-background: color-mix(in srgb, #e6c689 14%, #252628);
  --info: #a9bde6;
  --info-background: color-mix(in srgb, #a9bde6 14%, #252628);
  --violet: #b49bd4;
  --violet-background: color-mix(in srgb, #b49bd4 14%, #252628);
  --success: #94dbc7;
  --success-background: color-mix(in srgb, #94dbc7 14%, #252628);
}
html { background: var(--canvas); color: var(--foreground); }