/* Theme variable maps. Default remains dark (from dark.css); we override for light. */
html[data-theme="light"]{
  /* Core tokens used across templates */
  --bg: #f6f7fb;
  --panel: #ffffff;
  --panel-2: #fbfcfe;
  --line: #e6e8ef;
  --text: #0f172a;
  --text-muted: #6b7280;
  --row-selected: #eef2ff;
  --shadow: 0 1px 0 rgba(0,0,0,0.02) inset, 0 10px 30px rgba(2,6,23,0.06);

  /* Table palette (light) */
  --table-header-bg: #f3f6ff;
  --table-row-odd: #ffffff;
  --table-row-even: #fbfcfe;
  --table-hover-bg: #f0f4ff;
  --table-text: #0f172a;
  --table-border: #e6e8ef;
  --table-selected-bg: #eef2ff;

  /* Dusty skin palette overrides */
  --dusty-panel: var(--panel);
  --dusty-panel-2: #f3f6ff;
  --dusty-line: var(--line);
  --dusty-accent: #4669FA;
  --dusty-accent-ink: #3b5bfd;
  --dusty-success: #16a34a;
  --dusty-danger: #dc2626;

  /* KPI palette (light) */
  --kpi-primary-bg: rgba(70,105,250,0.12);
  --kpi-primary-fg: #4669FA;
  --kpi-success-bg: rgba(22,163,74,0.12);
  --kpi-success-fg: #16a34a;
  --kpi-warning-bg: rgba(255,184,0,0.16);
  --kpi-warning-fg: #b78100;
  --kpi-info-bg: rgba(37,99,235,0.12);
  --kpi-info-fg: #2563eb;
}

/* Optional explicit dark map (in case dark.css missing any token) */
html[data-theme="dark"]{
  --bg: #0f1115;
  --panel: #1d1f24;
  --panel-2: #181a1f;
  --line: #2a2d33;
  --text: #e5e7eb;
  --text-muted: #9aa3b2;
  --row-selected: rgba(70,105,250,0.12);
  --shadow: 0 1px 0 rgba(255,255,255,0.03) inset, 0 8px 24px rgba(0,0,0,0.25);

  /* Table palette (dark) */
  --table-header-bg: #17191d;
  --table-row-odd: #202227;
  --table-row-even: #1d1f24;
  --table-hover-bg: #2a2d33;
  --table-text: #e5e7eb;
  --table-border: #2a2d33;
  --table-selected-bg: rgba(70,105,250,.12);

  --dusty-panel: var(--panel);
  --dusty-panel-2: var(--panel-2);
  --dusty-line: var(--line);
  --dusty-accent: #4669FA;
  --dusty-accent-ink: #dbe3ff;
  --dusty-success: #22c55e;
  --dusty-danger: #ef4444;

  /* KPI palette (dark) */
  --kpi-primary-bg: rgba(70,105,250,.25);
  --kpi-primary-fg: #dbe3ff;
  --kpi-success-bg: rgba(34,197,94,.25);
  --kpi-success-fg: #b4f5c9;
  --kpi-warning-bg: rgba(255,184,0,.25);
  --kpi-warning-fg: #ffe7a6;
  --kpi-info-bg: rgba(59,130,246,.25);
  --kpi-info-fg: #cfe0ff;
}

/* Apply background to body */
html[data-theme="light"] body{ background: var(--bg); }
html[data-theme="dark"] body{ background: #0f1115; }
