/* BSP-1000 -- Dark-mode token deltas (navy-blue identity).
 *
 * Token NAMES are identical to the brand.css contract so components.css
 * works unmodified; the VALUES are tuned to the BSP-1000 dashboard's own
 * navy-blue identity -- the original #1a1a2e -> #16213e body gradient and
 * #1e293b (slate) cards -- NOT the sibling product's teal. Dark is the
 * DEFAULT; light is the stock palette in brand.css.
 *
 * Selector specificity: `:root[data-theme="dark"]` (0,2,0) beats
 * brand.css's plain `:root` (0,1,0) regardless of source order.
 */

:root[data-theme="dark"] {
  color-scheme: dark;

  /* ---- Neutral ramp (navy slate; low = darkest surface, high = light ink) */
  --gray-0:    #1e293b;
  --gray-50:   #22304a;
  --gray-100:  #283853;
  --gray-200:  #33455f;
  --gray-300:  #415a78;
  --gray-400:  #5d7795;
  --gray-500:  #7a93ad;
  --gray-600:  #98aec4;
  --gray-700:  #b6c8d9;
  --gray-800:  #d2deea;
  --gray-900:  #e9eff6;
  --gray-950:  #f4f7fb;
  --gray-1000: #fafcfe;

  /* ---- Surfaces (deep navy / slate, matching the old dashboard) ----- */
  --bg-page:    #161d33;
  --bg-surface: #1e293b;
  --bg-sunken:  #18233a;
  --bg-hover:   #2a3850;
  --bg-overlay: rgba(8, 12, 24, 0.72);
  --bg-glass:   rgba(30, 41, 59, 0.72);

  /* ---- Ink ---------------------------------------------------------- */
  --fg-strong:  #f8fafc;
  --fg-default: #e7edf5;
  --fg-muted:   #94a3b8;
  --fg-faint:   #7486a0;
  --fg-inverse: #0f172a;

  /* ---- Borders (navy hue family) ------------------------------------ */
  --border-light:  #2a3a55;
  --border-medium: #35496b;
  --border-strong: #4a628c;

  /* ---- Brand + accent (clear blue, the app's original #3399ff) ------- */
  --brand:       #5b9dff;
  --brand-hover: #84b6ff;
  --brand-soft:  #1d3357;
  --brand-fg:    #07101f;
  --accent:      #3b82f6;

  /* ---- Semantic (readable on navy surfaces) ------------------------- */
  --danger:       #f98a8a;
  --danger-soft:  #4a1f24;
  --warning:      #fbc54a;
  --warning-soft: #463011;
  --success:      #5fd98a;
  --success-soft: #133b29;
  --info:         #54b6f8;
  --info-soft:    #0d2f4d;

  --pulse-bg: #5b4200;

  /* ---- Brand-mark gradient + hero surfaces -------------------------- */
  --brand-grad-from: #5b9dff;
  --brand-grad-to:   #3b82f6;
  --hero-surface:    #1e293b;
  --hero-ink:        #f8fafc;
  --hero-soft-ring:  rgba(91, 157, 255, 0.20);
}

/* The original BSP-1000 dashboard body gradient, restored verbatim
 * (#1a1a2e -> #16213e), dark theme only. Fixed attachment keeps it
 * stable while the content scrolls. */
:root[data-theme="dark"] body {
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
  background-attachment: fixed;
}