/* ============================================================
   theme.css — Nguồn biến màu duy nhất cho F-Impact
   Import trước CSS của từng trang (auth / chat / share).
   ============================================================ */

:root,[data-theme="light"]{
  /* core */
  --bg:#f8f8fa;--surface:#ffffff;--surface-2:#f4f4f5;--border:#e4e4e7;
  --text:#1a1a2e;--text-2:#71717a;--text-3:#71717a;
  /* accent */
  --accent:#f55c1e;--accent-fg:#ffffff;
  /* chat surfaces */
  --bot-bubble:#f4f4f5;--bot-border:#e4e4e7;
  --code-bg:#f4f4f5;--code-head:#e4e4e7;--code-text:#1a1a2e;--scroll:#d4d4d8;
  /* danger scale */
  --danger:#e8523f;--danger-hover:#d4402d;--danger-subtle:rgba(232,82,63,.12);
  /* warning (key-warning) */
  --warn-bg:#fff4e5;--warn-border:#f0c48a;--warn-text:#8a5a17;
  /* overlays */
  --overlay-btn:rgba(0,0,0,.55);
  /* layout (chat) */
  --gap-msg:22px;--pad-list:26px;--bubble-pad:12px 16px;--radius-bubble:20px;
}

[data-theme="dark"]{
  --bg:#0a0a0a;--surface:#111111;--surface-2:#1a1a1a;--border:#1e1e1e;
  --text:#ffffff;--text-2:#999999;--text-3:#888888;
  --accent:#f55c1e;--accent-fg:#ffffff;
  --bot-bubble:#111111;--bot-border:#1e1e1e;
  --code-bg:#111111;--code-head:#1a1a1a;--code-text:#ffffff;--scroll:#2a2a2a;
  --danger:#e8523f;--danger-hover:#d4402d;--danger-subtle:rgba(232,82,63,.12);
  --warn-bg:#2e2415;--warn-border:#5c4622;--warn-text:#e8b96a;
  --overlay-btn:rgba(0,0,0,.55);
}