/* CrewHub dark mode — token overrides only. Applied via <html data-theme="dark">. */
:root[data-theme="dark"] {
  color-scheme: dark;
  --color-bg: #14181a;
  --color-surface: #1b2124;
  --color-text: #ececeb;
  --color-divider: rgba(236,236,235,0.18);

  --color-neutral-100: #1b2023;
  --color-neutral-200: #232a2d;
  --color-neutral-300: #313a3e;
  --color-neutral-400: #4a5559;
  --color-neutral-500: #6f7a7e;
  --color-neutral-600: #9aa4a7;
  --color-neutral-700: #bcc4c6;
  --color-neutral-800: #d6dcdd;
  --color-neutral-900: #eef1f2;

  --color-accent: #2aa5b6;
  --color-accent-100: #0b2b30;
  --color-accent-200: #0f3d45;
  --color-accent-300: #14555f;
  --color-accent-400: #17727f;
  --color-accent-500: #2aa5b6;
  --color-accent-600: #45bccb;
  --color-accent-700: #86d6e0;
  --color-accent-800: #b3e5ec;
  --color-accent-900: #dbf3f6;

  --color-accent-2: #7ea6d1;
  --color-accent-2-100: #101c2b;
  --color-accent-2-200: #16263a;
  --color-accent-2-300: #1f3a55;
  --color-accent-2-400: #2c4b6d;
  --color-accent-2-500: #3f6791;
  --color-accent-2-600: #5a86b3;
  --color-accent-2-700: #7ea6d1;
  --color-accent-2-800: #aec8e2;
  --color-accent-2-900: #dbe7f3;

  --shadow-sm: 0 1px 2px rgba(0,0,0,0.5);
  --shadow-md: 0 4px 14px rgba(0,0,0,0.55);
  --shadow-lg: 0 18px 46px rgba(0,0,0,0.6);
}
:root[data-theme="dark"] body { background: var(--color-bg); color: var(--color-text); }
:root[data-theme="dark"] .halftone img,
:root[data-theme="dark"] .cmyk img { filter: brightness(0.88) contrast(1.05); }
:root[data-theme="dark"] img[src*="logo"] { filter: brightness(0) invert(1); }
:root[data-theme="dark"] input,
:root[data-theme="dark"] textarea,
:root[data-theme="dark"] select { color: var(--color-text); }
body, .card, .nav { transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; }