/* ui/assets/theme.css
   Theme variables + global background/text wiring
*/

#app-root.theme-dark{
  --bg: #070d14;
  --fg: rgba(232,241,242,0.92);

  --panel: rgba(0,0,0,0.18);
  --panel2: rgba(0,0,0,0.22);
  --card: rgba(255,255,255,0.03);

  --border: rgba(255,255,255,0.10);
  --border2: rgba(255,255,255,0.08);

  --muted: rgba(232,241,242,0.75);
  --muted2: rgba(232,241,242,0.65);

  --btn-bg: rgba(124,247,212,0.95);
  --btn-fg: #031018;

  --accent: rgba(0,200,255,0.28);
  --accent2: rgba(0,200,255,0.16);

  --up: #00ff9a;
  --down: #ff4d6d;
  --warn: #ffd166;
}

/* ✅ Premium Light: “soft light” + gerçek kart hissi */
#app-root.theme-light{
  --bg: #f6f7fb;                 /* soft light */
  --fg: rgba(10,20,28,0.92);

  --panel: #ffffff;              /* kart yüzeyi */
  --panel2: rgba(255,255,255,0.96);
  --card: rgba(10,20,28,0.02);   /* çok hafif surface */

  --border: rgba(10,20,28,0.10);
  --border2: rgba(10,20,28,0.08);

  --muted: rgba(10,20,28,0.62);
  --muted2: rgba(10,20,28,0.52);

  --btn-bg: rgba(0,200,255,0.26);  /* light’ta biraz daha tok */
  --btn-fg: rgba(10,20,28,0.92);

  --accent: rgba(0,200,255,0.22);
  --accent2: rgba(0,200,255,0.16);

  --up: #0aa66a;
  --down: #d6334a;
  --warn: #b8860b;
}

/* Apply theme vars to global app roots */
html, body{
  background: var(--bg) !important;
  color: var(--fg) !important;
}

/* Dash root containers (some themes otherwise stay dark) */
#react-entry-point,
.dash-app,
.dash-application,
#app-root{
  background: var(--bg) !important;
  color: var(--fg) !important;
}


/* =========================
   WOI_GUIDES_FIX_V4 (theme)
   ========================= */
html, body { background:#0b0f14 !important; color:#e8eef6 !important; }

/* =========================
   WOI_GUIDES_FIX_V4 (theme)
   ========================= */
html, body { background:#0b0f14 !important; color:#e8eef6 !important; }