/* GizaData — design tokens (dark = mặc định) */
:root,
html[data-theme="dark"] {
  --giza-bg: #020617;
  --giza-bg-elevated: #0f172a;
  --giza-bg-muted: #1e293b;
  --giza-surface: #0f172a;
  --giza-surface-elevated: #111827;
  --giza-border: #1e293b;
  --giza-border-subtle: rgba(255, 255, 255, 0.06);
  --giza-text: #cbd5e1;
  --giza-text-muted: #94a3b8;
  --giza-text-heading: #ffffff;
  --giza-text-dim: #64748b;
  --giza-accent-cyan: #06b6d4;
  --giza-accent-cyan-bright: #22d3ee;
  --giza-glass-bg: rgba(255, 255, 255, 0.03);
  --giza-glass-border: rgba(255, 255, 255, 0.08);
  --giza-header-bg: rgba(7, 11, 20, 0.78);
  --giza-shadow: 0 14px 30px rgba(2, 6, 23, 0.5);
  --giza-overlay: rgba(2, 6, 23, 0.72);
  --giza-input-bg: #0f172a;
  --giza-scrollbar: #334155;
}

html[data-theme="light"] {
  --giza-bg: #f8fafc;
  --giza-bg-elevated: #ffffff;
  --giza-bg-muted: #f1f5f9;
  --giza-surface: #ffffff;
  --giza-surface-elevated: #f8fafc;
  --giza-border: #e2e8f0;
  --giza-border-subtle: rgba(15, 23, 42, 0.08);
  --giza-text: #334155;
  --giza-text-muted: #64748b;
  --giza-text-heading: #0f172a;
  --giza-text-dim: #94a3b8;
  --giza-accent-cyan: #0891b2;
  --giza-accent-cyan-bright: #06b6d4;
  --giza-glass-bg: rgba(255, 255, 255, 0.85);
  --giza-glass-border: rgba(15, 23, 42, 0.1);
  --giza-header-bg: rgba(255, 255, 255, 0.88);
  --giza-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
  --giza-overlay: rgba(15, 23, 42, 0.35);
  --giza-input-bg: #ffffff;
  --giza-scrollbar: #cbd5e1;
}

html[data-theme="light"] {
  color-scheme: light;
}

html[data-theme="dark"] {
  color-scheme: dark;
}

body.giza-body {
  background-color: var(--giza-bg);
  color: var(--giza-text);
}