/**
 * StockRipple POS - Dark Mode Precision Styles
 * Exact match to executive command center reference
 */

html.dark,
body.dark,
.dark {
  --color-bg-canvas: #080b13;
  --color-bg-surface: #0b0f19;
  --color-bg-surface-elevated: #101627;
  --color-bg-subtle: #131929;
  --color-bg-muted: #172036;

  --color-border: rgba(255, 255, 255, 0.08);
  --color-border-subtle: rgba(255, 255, 255, 0.04);
  --color-border-focus: #38bdf8;

  --color-text-primary: #ffffff;
  --color-text-secondary: #94a3b8;
  --color-text-muted: #64748b;
  --color-text-inverted: #080b13;
}

.dark body {
  background-color: #080b13 !important;
  color: #ffffff !important;
}

.dark #app-sidebar {
  background-color: #0b0f19 !important;
  border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.dark #app-header {
  background-color: #0b0f19 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.dark #app-main-wrapper {
  background-color: #080b13 !important;
}

.dark .bg-card-dark {
  background-color: #101627 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}