/* ============================================================
   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: TỐI (nền chart chuyên nghiệp chuẩn Pro Trader).
   ============================================================ */

:root,
[data-theme="dark"] {
  --primary-brand: #38BDF8;
  --primary-hover: #0EA5E9;
  --primary-light: #0C2840;
  --primary-border: #1E3A5F;
  --bg-page: #0B1120;
  --bg-container: rgba(17, 28, 46, 0.86);
  --bg-card: rgba(21, 34, 56, 0.90);
  --bg-subtle: rgba(25, 39, 62, 0.82);
  --border-stroke: rgba(56, 189, 248, 0.16);
  --border-stroke-2: rgba(56, 189, 248, 0.24);
  --text-primary: #F1F5F9;
  --text-secondary: #94A3B8;
  --text-muted: #64748B;
  --price-up: #22C55E;
  --price-up-bg: rgba(34, 197, 94, 0.16);
  --price-down: #EF4444;
  --price-down-bg: rgba(239, 68, 68, 0.18);
  --shadow-card: 0 4px 16px rgba(0,0,0,0.35);
  --radius-sm: 4px;
  color-scheme: dark;
}

[data-theme="light"] {
  --primary-brand: #2980B9;
  --primary-hover: #1f6696;
  --primary-light: #F0F8FF;
  --primary-border: #CADFEE;
  --bg-page: #EEF2F6;
  --bg-container: rgba(255, 255, 255, 0.92);
  --bg-card: rgba(255, 255, 255, 0.95);
  --bg-subtle: rgba(248, 250, 252, 0.88);
  --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;
}

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