/**
 * NetShow Theme Overrides
 * MUST load AFTER all other CSS (including page CSS)
 * Forces theme variables to override page-level :root declarations
 * 
 * This file exists because legacy page CSS files set --ns-* vars in :root.
 * As those pages get upgraded, this file becomes unnecessary.
 */

/* ========================================
 * SILVER DARK — Override ALL page CSS
 * ======================================== */
html[data-ns-theme="silver"],
html[data-ns-theme="silver"][data-bs-theme="dark"] {
  --ns-bg-primary: #0f172a !important;
  --ns-bg-secondary: #1e293b !important;
  --ns-bg-tertiary: #334155 !important;
  --ns-bg-elevated: #3b4a63 !important;
  --ns-bg-surface: #1e293b !important;
  
  --ns-text-primary: #f1f5f9 !important;
  --ns-text-secondary: #94a3b8 !important;
  --ns-text-muted: #64748b !important;
  --ns-text-disabled: #475569 !important;
  
  --ns-accent: #94a3b8 !important;
  --ns-accent-hover: #cbd5e1 !important;
  --ns-accent-subtle: rgba(148, 163, 184, 0.1) !important;
  --ns-accent-text: #0f172a !important;
  --ns-accent-glow: rgba(148, 163, 184, 0.2) !important;
  
  --ns-highlight: #3b82f6 !important;
  --ns-highlight-hover: #2563eb !important;
  --ns-highlight-subtle: rgba(59, 130, 246, 0.1) !important;
  
  --ns-border: #334155 !important;
  --ns-border-subtle: #1e293b !important;
  --ns-border-strong: #475569 !important;
}

/* ========================================
 * SILVER LIGHT — Override ALL page CSS
 * ======================================== */
html[data-ns-theme="silver"][data-bs-theme="light"] {
  --ns-bg-primary: #f8fafc !important;
  --ns-bg-secondary: #ffffff !important;
  --ns-bg-tertiary: #f1f5f9 !important;
  --ns-bg-elevated: #f8fafc !important;
  --ns-bg-surface: #ffffff !important;
  
  --ns-text-primary: #0f172a !important;
  --ns-text-secondary: #475569 !important;
  --ns-text-muted: #94a3b8 !important;
  --ns-text-disabled: #cbd5e1 !important;
  
  --ns-accent: #64748b !important;
  --ns-accent-hover: #475569 !important;
  --ns-accent-subtle: rgba(100, 116, 139, 0.08) !important;
  --ns-accent-text: #ffffff !important;
  
  --ns-highlight: #2563eb !important;
  --ns-highlight-hover: #1d4ed8 !important;
  
  --ns-border: #e2e8f0 !important;
  --ns-border-subtle: #f1f5f9 !important;
  --ns-border-strong: #cbd5e1 !important;
}

/* ========================================
 * GOLD LIGHT — Override ALL page CSS
 * ======================================== */
html[data-ns-theme="gold"][data-bs-theme="light"],
html[data-bs-theme="light"]:not([data-ns-theme="silver"]) {
  --ns-bg-primary: #fafaf9 !important;
  --ns-bg-secondary: #ffffff !important;
  --ns-bg-tertiary: #f5f5f4 !important;
  --ns-bg-elevated: #fafaf9 !important;
  --ns-bg-surface: #ffffff !important;
  
  --ns-text-primary: #1c1917 !important;
  --ns-text-secondary: #57534e !important;
  --ns-text-muted: #a8a29e !important;
  --ns-text-disabled: #d6d3d1 !important;
  
  --ns-accent: #d97706 !important;
  --ns-accent-hover: #b45309 !important;
  --ns-accent-subtle: rgba(217, 119, 6, 0.08) !important;
  --ns-accent-text: #ffffff !important;
  
  --ns-border: #e7e5e4 !important;
  --ns-border-subtle: #f5f5f4 !important;
  --ns-border-strong: #d6d3d1 !important;
}