/* Dark GPT (ogen.chat) — deep teal + aqua. Overrides the variables of app.css. */

:root {
  --accent: #0e9aa7;
  --accent-2: #7af0dd;
  --accent-soft: rgba(52, 216, 200, .14);
  --ivory: #eafdfb;
  --mark-glow: rgba(52, 216, 200, .35);
  --mark-glow-strong: rgba(52, 216, 200, .5);
  --avatar-from: #14b8a6;
  --avatar-to: #1e3a8a;
  --overlay: rgba(1, 6, 8, .92);
  --overlay-strong: rgba(1, 6, 8, .94);
  --font-brand: "Orbitron", "Segoe UI", system-ui, sans-serif;
}

html[data-theme="dark"] {
  --bg: #061319;
  --bg-sidebar: #02080a;
  --surface: #0a1c24;
  --surface-2: #0e242e;
  --hover: rgba(234, 253, 251, .06);
  --border: rgba(122, 240, 221, .13);
  --text: #eafdfb;
  --muted: #7fa3a8;
  --user-bubble: #0f3340;
  --shadow: 0 10px 40px rgba(0, 0, 0, .55);
  --scrim: rgba(1, 6, 8, .62);
  --ring: #7af0dd;
  --ring-back: #34d8c8;
  --oracle-pythia: #34d8c8;
  --oracle-delphi: #eafdfb;
  --oracle-sibyl: #60a5fa;
}

html[data-theme="light"] {
  --bg: #fbfefe;
  --bg-sidebar: #f0f8f8;
  --surface: #e9f5f5;
  --surface-2: #d9eeee;
  --hover: rgba(6, 50, 60, .05);
  --border: rgba(6, 50, 60, .11);
  --text: #0b1d22;
  --muted: #5c7479;
  --user-bubble: #dcf3f1;
  --shadow: 0 10px 40px rgba(6, 50, 60, .14);
  --scrim: rgba(4, 30, 36, .35);
  --accent: #0b7f8a;
  --accent-2: #0b7f8a;
  --accent-soft: rgba(11, 127, 138, .09);
  --ring: #0e5c66;
  --ring-back: #14b8a6;
  --oracle-pythia: #0b7f8a;
  --oracle-delphi: #5c7479;
  --oracle-sibyl: #1d4ed8;
}