/* SR-2 global light/dark theme tokens.
   Loaded BEFORE other stylesheets so any utility/inline CSS that references
   --bg, --card-bg, etc. resolves at parse time.

   Canonical vocabulary (Agents B & C must use these exact names):
     --bg              body surface
     --card-bg         card / panel surface
     --card-border     card border
     --card-shadow     card box-shadow
     --text            primary text
     --text-muted      muted/secondary text
     --text-soft       softer body text
     --input-bg / --input-border / --input-text / --input-placeholder / --input-focus
     --nav-bg / --nav-text    persistent nav strip (kept legible in both themes)

   Semantic colors (green = good, red = danger, orange = warning, blue = info,
   teal = primary station accent) are NOT variable-ized — their meaning
   doesn't flip with theme, so they stay literal hex throughout the codebase.
*/

:root {
  /* Surfaces */
  --bg:          #f1f5f9;  /* slate-100 — body background */
  --card-bg:     #ffffff;
  --card-border: #e2e8f0;  /* slate-200 */
  --card-shadow: 0 1px 3px rgba(0,0,0,.06), 0 4px 6px -2px rgba(0,0,0,.04);
  /* v0.78.0 polish — card lift on hover + a faint brand wash behind content. */
  --card-shadow-hover: 0 10px 24px -6px rgba(15,20,25,.14), 0 4px 10px -4px rgba(15,20,25,.07);
  --backdrop-wash:
    radial-gradient(900px 520px at 100% 0%, rgba(45,122,62,.10), transparent 60%),
    radial-gradient(1000px 620px at 0% 100%, rgba(30,58,95,.11), transparent 60%);

  /* Text */
  --text:        #0f172a;  /* slate-900 */
  --text-muted:  #64748b;  /* slate-500 */
  --text-soft:   #334155;  /* slate-700 */

  /* Inputs */
  --input-bg:        #ffffff;
  --input-border:    #cbd5e1;
  --input-text:      #0f172a;
  --input-placeholder: #94a3b8;
  --input-focus:     #93c5fd;

  /* Sidebar / nav strip (kept legible in both themes) */
  --nav-bg:    #0b1220;
  --nav-text:  #f1f5f9;
}

[data-theme="dark"] {
  --bg:          #0f172a;  /* slate-900 */
  --card-bg:     #1e293b;  /* slate-800 */
  --card-border: #334155;  /* slate-700 */
  --card-shadow: 0 1px 3px rgba(0,0,0,.30), 0 4px 6px -2px rgba(0,0,0,.20);
  --card-shadow-hover: 0 14px 30px -8px rgba(0,0,0,.55), 0 6px 14px -6px rgba(0,0,0,.4);
  --backdrop-wash: none;

  --text:        #f1f5f9;
  --text-muted:  #94a3b8;
  --text-soft:   #cbd5e1;

  --input-bg:        #0f172a;
  --input-border:    #334155;
  --input-text:      #f1f5f9;
  --input-placeholder: #64748b;
  --input-focus:     #3b82f6;
}