/* WeProjectManagement — dark theme. Loaded after app.css, for screens only, either always (dark) or under
   prefers-color-scheme: dark (automatic). Only tokens change; every component reads them. */
:root {
  color-scheme: dark;
  --ink: #ebe8f6;
  --ink-2: #c4bedb;
  --ink-3: #9a93b7;
  --ink-4: #8a83a8;
  --paper: #0f0b1c;
  --surface: #171228;
  --surface-2: #1c1630;
  --line: #2b2443;
  --line-soft: #231d38;
  --line-2: #3b3259;
  --violet: #a68cff;
  --violet-2: #8c66ff;
  --violet-ink: #d2c4ff;
  --lavender: #261d47;
  --lavender-2: #33295e;
  --primary: #6d42f2;
  --primary-hover: #7f58f7;
  --green: #4fcb91;
  --green-bg: #10291d;
  --green-line: #1f4a35;
  --green-ink: #8be0b6;
  --orange: #f0a64a;
  --orange-bg: #2c1f0e;
  --orange-line: #4d3615;
  --orange-ink: #f6c98a;
  --red: #ff6f7c;
  --red-bg: #33121a;
  --red-line: #5a2230;
  --red-ink: #ffaab2;
  --blue: #7ea6ff;
  --blue-bg: #121c38;
  --blue-line: #233766;
  --blue-ink: #b4cbff;
  --yellow-bg: #2b2611;
  --warm-bg: #241d12;
  --grey: #6e6889;
  --grey-bg: #252038;
  --heat-1: #221b3d;
  --heat-2: #2e2454;
  --heat-3: #3e3072;
  --weekend: #1d1832;
  --holiday: #2b1722;
  --task-bg: #1b2747;
  --baseline: #5e5881;
  --chrome: #0a0714;
  --chrome-edge: #251e3b;
  --strong-bg: #ebe8f6;
  --strong-fg: #15102a;
  --tint-tag: rgba(15, 11, 28, 0.55);
  --shade: rgba(255, 255, 255, 0.07);
  --overlay: rgba(4, 2, 12, 0.66);
  --shadow-pop: 0 14px 36px rgba(0, 0, 0, 0.55);
  --focus: 0 0 0 3px rgba(166, 140, 255, 0.42);
}
@supports (color: color-mix(in srgb, red 50%, blue)) {
  .avatar.tinted { background: color-mix(in srgb, var(--av) 28%, var(--surface)); color: color-mix(in srgb, var(--av) 45%, #ffffff); }
}