/* Hermes Agent — theme tokens (ported from Hermes-Studio `hermes-official`, dok 10 §2) */
:root, [data-theme='hermes-official'] {        /* DEFAULT: navy + indigo */
  --theme-bg:#0a0e1a; --theme-panel:#0d1220; --theme-card:#11182a; --theme-card2:#151d32;
  --theme-border:#24304a; --theme-border-subtle:#1b2740;
  --theme-text:#e6eaf2; --theme-muted:#9aa5bd;
  --theme-accent:#6366f1; --theme-accent-secondary:#818cf8;
  --theme-accent-subtle:rgba(99,102,241,.14); --theme-accent-border:rgba(99,102,241,.30);
}
[data-theme='hermes-os'] {                       /* secondary: electric blue */
  --theme-bg:#080c14; --theme-panel:#0b1220; --theme-card:#0f1828; --theme-card2:#121e30;
  --theme-border:#18263c; --theme-border-subtle:#101c30;
  --theme-text:#e4edff; --theme-muted:#5a7898;
  --theme-accent:#38bdf8; --theme-accent-secondary:#818cf8;
  --theme-accent-subtle:rgba(56,189,248,.08); --theme-accent-border:rgba(56,189,248,.22);
}

* { box-sizing: border-box; }
html, body { margin:0; padding:0; height:100%; }
body{
  background:var(--theme-bg); color:var(--theme-text);
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  -webkit-font-smoothing:antialiased;
}
code, pre, .mono { font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace; }

.theme-bg{background:var(--theme-bg);}
.theme-panel{background:var(--theme-panel);}
.theme-card{background:var(--theme-card);}
.theme-card2{background:var(--theme-card2);}
.theme-accent-bg{background:var(--theme-accent);}
.theme-accent-text{color:var(--theme-accent);}
.theme-muted{color:var(--theme-muted);}
.theme-border{border-color:var(--theme-border);}
.theme-border-subtle{border-color:var(--theme-border-subtle);}
.theme-accent-subtle{background:var(--theme-accent-subtle);}
.theme-accent-border{border-color:var(--theme-accent-border);}

.glow:hover{ box-shadow:0 0 22px color-mix(in srgb,var(--theme-accent) 26%,transparent); }

/* status dot */
.status-dot{ width:9px;height:9px;border-radius:9999px;display:inline-block; }
.status-ok{background:#34d399;} .status-busy{background:#fbbf24;animation:pulse 1s infinite;}
.status-err{background:#fb7185;} .status-idle{background:#64748b;}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:.35;}}

/* chat bubbles */
.bubble-user{ background:var(--theme-accent); color:#fff; }
.bubble-ai{ background:var(--theme-card); border:1px solid var(--theme-border-subtle); }
.bubble-ai pre{ background:#0a0f1e; border:1px solid var(--theme-border); border-radius:.6rem; padding:.7rem; overflow-x:auto; }
.bubble-ai code{ background:rgba(255,255,255,.06); padding:.1rem .35rem; border-radius:.3rem; }
.bubble-ai pre code{ background:none; padding:0; }
.bubble-ai a{ color:var(--theme-accent-secondary); text-decoration:underline; }
.bubble-ai p{ margin:.4rem 0; } .bubble-ai ul,.bubble-ai ol{ margin:.4rem 0; padding-left:1.2rem; }
.bubble-ai h1,.bubble-ai h2,.bubble-ai h3{ margin:.6rem 0 .3rem; font-weight:600; }

/* composer auto-grow */
#composer{ resize:none; max-height:160px; }

/* scrollbar */
.scroll-area::-webkit-scrollbar{ width:8px; }
.scroll-area::-webkit-scrollbar-thumb{ background:var(--theme-border); border-radius:8px; }

/* safe-area for mobile */
.safe-bottom{ padding-bottom:env(safe-area-inset-bottom,0); }

/* chips */
.chip{ border:1px solid var(--theme-border); background:var(--theme-card2); border-radius:9999px; }
.chip:hover{ border-color:var(--theme-accent-border); }