/* Restrained Hermes/Atlas identity layered after the pinned upstream theme. */
:root {
  --accent: #187f8b;
  --accent-hover: #126a74;
  --accent-bg: rgba(24, 127, 139, 0.09);
  --accent-bg-strong: rgba(24, 127, 139, 0.17);
  --accent-text: #126f7a;
  --blue: #187f9f;
  --gold: #9a661f;
  --focus-ring: rgba(24, 127, 139, 0.38);
  --focus-glow: rgba(24, 127, 139, 0.12);
}

:root.dark {
  color-scheme: dark;
  --bg: #070a12;
  --sidebar: #0d1420;
  --surface: #111b29;
  --surface-subtle: rgba(116, 202, 214, 0.035);
  --surface-subtle-hover: rgba(116, 202, 214, 0.075);
  --border: #203044;
  --border2: rgba(174, 218, 224, 0.18);
  --border-subtle: rgba(174, 218, 224, 0.08);
  --border-muted: rgba(174, 218, 224, 0.13);
  --text: #e8f1f4;
  --strong: #f8fcfd;
  --muted: #91a5b3;
  --em: #c5d2d8;
  --accent: #48cfcc;
  --accent-hover: #75dedb;
  --accent-bg: rgba(72, 207, 204, 0.09);
  --accent-bg-strong: rgba(72, 207, 204, 0.17);
  --accent-text: #6bd8d4;
  --blue: #4ca4cd;
  --gold: #f0b66b;
  --code-bg: #09111c;
  --code-inline-bg: rgba(4, 10, 17, 0.72);
  --code-text: #b9e5e4;
  --pre-text: #dce8ec;
  --input-bg: rgba(193, 229, 233, 0.045);
  --hover-bg: rgba(193, 229, 233, 0.07);
  --topbar-bg: rgba(9, 14, 24, 0.96);
  --main-bg: rgba(7, 10, 18, 0.72);
  --focus-ring: rgba(72, 207, 204, 0.38);
  --focus-glow: rgba(72, 207, 204, 0.12);
  --error: #f08b79;
  --success: #65c9a6;
  --warning: #f0b66b;
  --info: #69b9dc;
}

:root.dark body {
  background:
    radial-gradient(circle at 78% 8%, rgba(72, 164, 205, 0.07), transparent 31rem),
    linear-gradient(145deg, #070a12, #080d17 55%, #071017);
}

:root.dark .app-titlebar,
:root.dark .rail,
:root.dark .sidebar,
:root.dark .rightpanel,
:root.dark .topbar,
:root.dark .composer-wrap {
  border-color: var(--border);
  background-color: rgba(13, 20, 32, 0.94);
}

.app-titlebar-icon img {
  display: block;
  width: 22px;
  height: 22px;
  border: 1px solid rgba(72, 207, 204, 0.24);
  border-radius: 7px;
  box-shadow: 0 0 0 2px rgba(72, 207, 204, 0.05);
}

.app-titlebar-title {
  letter-spacing: 0.025em;
}

:root.dark .composer-box:focus-within {
  border-color: rgba(72, 207, 204, 0.66);
  box-shadow: 0 0 0 2px var(--focus-glow), 0 10px 34px rgba(0, 0, 0, 0.2);
}

/* Keep the conversation instrument inside the same cyan/blue/gold family. */
:root.dark .voice-mode-bar {
  --voice-accent: 72, 207, 204;
  --voice-accent-secondary: 76, 164, 205;
  border-bottom-color: rgba(174, 218, 224, 0.11);
  background:
    radial-gradient(circle at 50% 38%, rgba(var(--voice-accent), 0.085), transparent 47%),
    linear-gradient(180deg, rgba(17, 27, 41, 0.8), rgba(7, 10, 18, 0.35));
}

@media (prefers-reduced-motion: reduce) {
  :root.dark body {
    background: #070a12;
  }

  .app-titlebar-icon img,
  :root.dark .composer-box:focus-within {
    transition: none !important;
  }
}