/* AIHub — Cloudi-Fi branding */

:root {
  --bg-base: #0b0f1e;
  --bg-surface: #111833;
  --bg-raised: #1a2344;
  --bg-overlay: #0e1429;
  --bg-inset: #090d1a;
  --bg-input: #0e1429;
  --border-default: #1e2d55;
  --border-subtle: #1a2646;
  --text-primary: #e8ecf4;
  --text-secondary: #8d9ab8;
  --text-tertiary: #6b7a9e;
  --text-muted: #4a5a80;
  --text-accent: #FFD400;
  --bg-accent: #2546A6;
  --text-on-accent: #ffffff;
  --shadow-md: rgba(10, 15, 40, 0.5);
  --scrollbar-thumb: #1e2d55;
  --mix-board-bg: #090d1a;
  --mix-col-bg: #111833;
  --mix-col-border: #1e2d55;
  --mix-hover-bg: #152040;
  --mix-hover-border: #2a3d66;
  --mix-input-bg: #0e1429;
  --mix-modal-bg: #111833;
  --mix-modal-header-bg: #0e1429;
  --mix-modal-border: #1e2d55;
  --tone-user: #a8d4c0;
  --tone-live: #c0d4ff;
  --tone-error: #f5b0b0;
  --subagent-bg: rgba(37, 70, 166, 0.10);
  --subagent-border: rgba(37, 70, 166, 0.5);
  --subagent-text: #7b9ef0;
}

[data-theme="light"] {
  --bg-base: #F6F8FD;
  --bg-surface: #ffffff;
  --bg-raised: #eef1f8;
  --bg-overlay: #ffffff;
  --bg-inset: #edf0f7;
  --bg-input: #ffffff;
  --border-default: #d4dae8;
  --border-subtle: #e0e5f2;
  --text-primary: #1a2a5c;
  --text-secondary: #4a5a80;
  --text-tertiary: #6b7a9e;
  --text-muted: #9ca3b8;
  --text-accent: #2546A6;
  --bg-accent: #2546A6;
  --text-on-accent: #ffffff;
  --shadow-md: rgba(37, 70, 166, 0.08);
  --scrollbar-thumb: #c0c8dc;
  --mix-board-bg: #edf0f7;
  --mix-col-bg: #f5f7fc;
  --mix-col-border: #d4dae8;
  --mix-hover-bg: #eef1f8;
  --mix-hover-border: #b8c2dc;
  --mix-input-bg: #ffffff;
  --mix-modal-bg: #f8f9fd;
  --mix-modal-header-bg: #eef1f8;
  --mix-modal-border: #d4dae8;
  --tone-user: #1a3380;
  --tone-live: #2546A6;
  --tone-error: #991b1b;
  --subagent-bg: rgba(37, 70, 166, 0.06);
  --subagent-border: rgba(37, 70, 166, 0.3);
  --subagent-text: #2546A6;
}

/* Gold accent for focus rings */
*:focus-visible {
  outline-color: #FFD400;
}

::selection {
  background: #FFD400;
  color: #2546A6;
}