/* ==========================================================================
   SIRN Radio Display Portal — Light Theme
   Target: Individual workstation use, bright environments
   Palette: Clean white / cool gray
   ========================================================================== */

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

  /* --- Surface Colors --------------------------------------------------- */
  --bg-primary:       #f8fafc;  /* Page background                         */
  --bg-secondary:     #ffffff;  /* Section wells, elevated surfaces        */
  --bg-card:          #ffffff;  /* Transcript card background               */
  --bg-card-hover:    #f1f5f9;  /* Card hover / active state                */
  --bg-sidebar:       #f1f5f9;  /* Sidebar background                      */
  --bg-topbar:        #ffffff;  /* Top navigation bar                      */
  --bg-input:         #ffffff;  /* Form inputs and search fields            */
  --bg-overlay:       rgba(0, 0, 0, 0.35); /* Modal / drawer overlay       */

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

  /* --- Borders & Dividers ----------------------------------------------- */
  --border-color:     #e2e8f0;  /* Standard border (cards, dividers)        */
  --border-subtle:    #f1f5f9;  /* Very light structural dividers           */
  --border-focus:     #3b82f6;  /* Focus ring on interactive elements       */

  /* --- Agency / Category Colors ----------------------------------------- */
  /* Slightly deeper values for legibility on white backgrounds             */
  --color-fire:           #dc2626;
  --color-police:         #2563eb;
  --color-ems:            #16a34a;
  --color-dot:            #ea580c;
  --color-government:     #7c3aed;
  --color-uncategorized:  #6b7280;

  /* --- Keyword Severity Highlights -------------------------------------- */
  /* Lower opacity backgrounds for contrast on white                        */
  --keyword-info-bg:      rgba(234, 179, 8, 0.15);
  --keyword-info-text:    #a16207;

  --keyword-warning-bg:   rgba(249, 115, 22, 0.15);
  --keyword-warning-text: #c2410c;

  --keyword-critical-bg:  rgba(239, 68, 68, 0.15);
  --keyword-critical-text:#dc2626;

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

  /* --- Scrollbar -------------------------------------------------------- */
  --scrollbar-thumb:      #cbd5e1;
  --scrollbar-track:      #f1f5f9;

  /* --- Shadows ---------------------------------------------------------- */
  --shadow-sm:   0 1px 2px  rgba(0, 0, 0, 0.05);
  --shadow-md:   0 4px 6px  rgba(0, 0, 0, 0.07);
  --shadow-lg:   0 10px 15px rgba(0, 0, 0, 0.1);
  --shadow-glow: 0 0 12px   rgba(59, 130, 246, 0.08);

  /* --- Accent ----------------------------------------------------------- */
  --accent-primary:       #2563eb;
  --accent-primary-hover: #1d4ed8;
}