/* ==========================================================================
   SIRN Radio Display Portal — Dark Theme
   Target: Wall-mounted displays, dimmed NWS forecast offices
   Palette: Navy / charcoal with high-contrast foreground
   ========================================================================== */

:root[data-theme="dark"] {

  /* --- Surface Colors --------------------------------------------------- */
  --bg-primary:       #0f172a;  /* Deep navy — page background              */
  --bg-secondary:     #1e293b;  /* Slightly lighter — section wells         */
  --bg-card:          #1e293b;  /* Transcript card background               */
  --bg-card-hover:    #334155;  /* Card hover / active state                */
  --bg-sidebar:       #0f172a;  /* Sidebar background                      */
  --bg-topbar:        #0f172a;  /* Top navigation bar                      */
  --bg-input:         #1e293b;  /* Form inputs and search fields            */
  --bg-overlay:       rgba(0, 0, 0, 0.6); /* Modal / drawer overlay        */

  /* --- Typography ------------------------------------------------------- */
  --text-primary:     #f1f5f9;  /* Headings, body text                     */
  --text-secondary:   #94a3b8;  /* Supporting text, labels                 */
  --text-muted:       #64748b;  /* Timestamps, metadata, de-emphasized     */
  --text-inverse:     #0f172a;  /* Text on bright badges / buttons         */

  /* --- Borders & Dividers ----------------------------------------------- */
  --border-color:     #334155;  /* Standard border (cards, dividers)        */
  --border-subtle:    #1e293b;  /* Very light structural dividers           */
  --border-focus:     #60a5fa;  /* Focus ring on interactive elements       */

  /* --- Agency / Category Colors ----------------------------------------- */
  /* Tuned for legibility on dark backgrounds                               */
  --color-fire:           #ef4444;
  --color-police:         #3b82f6;
  --color-ems:            #22c55e;
  --color-dot:            #f97316;
  --color-government:     #a78bfa;
  --color-uncategorized:  #9ca3af;

  /* --- Keyword Severity Highlights -------------------------------------- */
  /* Semi-transparent backgrounds keep text readable without washing out    */
  --keyword-info-bg:      rgba(234, 179, 8, 0.25);
  --keyword-info-text:    #fbbf24;

  --keyword-warning-bg:   rgba(249, 115, 22, 0.3);
  --keyword-warning-text: #fb923c;

  --keyword-critical-bg:  rgba(239, 68, 68, 0.3);
  --keyword-critical-text:#f87171;

  /* --- System Status ---------------------------------------------------- */
  --status-connected:     #22c55e;
  --status-disconnected:  #ef4444;
  --status-reconnecting:  #f59e0b;

  /* --- Scrollbar -------------------------------------------------------- */
  --scrollbar-thumb:      #475569;
  --scrollbar-track:      #1e293b;

  /* --- Shadows ---------------------------------------------------------- */
  --shadow-sm:   0 1px 2px  rgba(0, 0, 0, 0.4);
  --shadow-md:   0 4px 6px  rgba(0, 0, 0, 0.4);
  --shadow-lg:   0 10px 15px rgba(0, 0, 0, 0.5);
  --shadow-glow: 0 0 12px   rgba(59, 130, 246, 0.15);

  /* --- Accent ----------------------------------------------------------- */
  --accent-primary:       #3b82f6;
  --accent-primary-hover: #2563eb;
}