/*
 * RaBit Connect — lighter dark theme (2026-10-05).
 *
 * Feedback: the dark mode was too dark. This file only overrides the dark-mode design tokens defined in
 * connect-homeai-tokens.css; it is loaded last in _LayoutConnect_B4.cshtml. The original files are untouched.
 *
 * TO REVERT: remove the <link> to this file from Views/Shared/_LayoutConnect_B4.cshtml (or delete this file).
 *
 * Original dark values (connect-homeai-tokens.css :root), for reference:
 *   --connect-hai-pg:     #070710
 *   --connect-hai-s1:     #0D0D1A
 *   --connect-hai-s2:     #12121F
 *   --connect-hai-br:     rgba(255, 255, 255, 0.07)
 *   --connect-hai-bb:     rgba(255, 255, 255, 0.12)
 *   --connect-hai-tx:     #E4E4F0
 *   --connect-hai-mu:     rgba(228, 228, 240, 0.45)
 *   --connect-hai-pv2:    rgba(255, 255, 255, 0.05)
 *   --connect-hai-pbr:    rgba(255, 255, 255, 0.09)
 *   --connect-hai-nav-bg: rgba(7, 7, 16, 0.97)
 *   --connect-hai-shadow: 0 8px 32px rgba(0, 0, 0, 0.35)
 */

/* Not light = dark (the tokens' default). Specificity beats the :root defaults; light mode is excluded. */
html:not([data-theme="light"]) {
  --connect-hai-pg: #151522;
  --connect-hai-s1: #1d1d2c;
  --connect-hai-s2: #252536;
  --connect-hai-br: rgba(255, 255, 255, 0.10);
  --connect-hai-bb: rgba(255, 255, 255, 0.16);
  --connect-hai-tx: #ececf6;
  --connect-hai-mu: rgba(236, 236, 246, 0.62);
  --connect-hai-pv2: rgba(255, 255, 255, 0.07);
  --connect-hai-pbr: rgba(255, 255, 255, 0.12);
  --connect-hai-nav-bg: rgba(21, 21, 34, 0.97);
  --connect-hai-shadow: 0 8px 28px rgba(0, 0, 0, 0.28);
  /* Secondary text (hero subtitle, tab pills, sort label, placeholders…). Was never defined, so dark mode
     fell back to the light-theme slate #475569, barely readable on the dark background. */
  --connect-hai-subtle: rgba(236, 236, 246, 0.66);
}

/* Company cards / empty states: connect-list-2026.css mixes 8% cream (#fdfbf7) into the surface, which
   turns greyish-beige on the lighter palette. Tint them with the Connect purple instead. */
html[data-theme="dark"] .cc26-list-page .cc26-company-card,
html[data-theme="dark"] .cc26-list-page .cc26-list-empty,
html[data-theme="dark"] .cc26-list-page .connect-list-empty {
  --cc26-company-card-surface: color-mix(in srgb, var(--connect-hai-s1, #1d1d2c) 90%, var(--connect-hai-accent) 10%);
}