/* ============================================================
   Bảng màu cho các trang chart độc lập (chart.html / chart-embed.html)
   Trích từ dashboard.html để chart hiển thị đúng theme sáng/tối.
   Mặc định: SÁNG (nền chart trắng).
   ============================================================ */

:root,
[data-theme="light"] {
  --primary-brand: #2980B9;
  --primary-hover: #1f6696;
  --primary-light: #F0F8FF;
  --primary-border: #CADFEE;
  --bg-page: #EEF2F6;
  --bg-container: #FFFFFF;
  --bg-card: #FFFFFF;
  --bg-subtle: #F8FAFC;
  --border-stroke: #E2E8F0;
  --border-stroke-2: #D9D9D9;
  --text-primary: #1E293B;
  --text-secondary: #64748B;
  --text-muted: #94A3B8;
  --price-up: #16A34A;
  --price-up-bg: #DCFCE7;
  --price-down: #DC2626;
  --price-down-bg: #FEE2E2;
  --shadow-card: 0 2px 8px rgba(41, 128, 185, 0.08);
  --radius-sm: 4px;
  color-scheme: light;
}

[data-theme="dark"] {
  --primary-brand: #38BDF8;
  --primary-hover: #0EA5E9;
  --primary-light: #0C2840;
  --primary-border: #1E3A5F;
  --bg-page: #0B1120;
  --bg-container: #111C2E;
  --bg-card: #152238;
  --bg-subtle: #19273E;
  --border-stroke: #22324D;
  --border-stroke-2: #2B3D5B;
  --text-primary: #F1F5F9;
  --text-secondary: #94A3B8;
  --text-muted: #64748B;
  --price-up: #22C55E;
  --price-up-bg: #143521;
  --price-down: #EF4444;
  --price-down-bg: #3B161B;
  --shadow-card: none;
  --radius-sm: 4px;
  color-scheme: dark;
}

body { background: var(--bg-page); color: var(--text-primary); }