/* bearco-core.css - shared look for bearcosuite.com's app pages (the apps' terminal palette).
   Every colour lives in these variables, so a page (or a token's own "traits" later) can re-theme by overriding them. */
:root {
  --bc-bg: #0B0F10; --bc-panel: #12181A; --bc-card: #171F21; --bc-card2: #1D2628; --bc-border: #26302F;
  --bc-text: #EEF5F2; --bc-dim: #8FA39D; --bc-green: #39FF88; --bc-red: #FF5C5C; --bc-blue: #3DA9FF;
  --bc-orange: #FFA630; --bc-purple: #B57CFF; --bc-yellow: #E6D22E;
  --bc-accent: var(--bc-green);           /* the one colour a token's traits will swap */
  --bc-mono: ui-monospace, "JetBrains Mono", Menlo, Consolas, monospace;
}
.bc-dim { color: var(--bc-dim); }
.bc-up { color: var(--bc-green); }
.bc-down { color: var(--bc-red); }
.bc-warn { color: var(--bc-orange); }
.bc-btn { background: var(--bc-card2); color: var(--bc-accent); border: 1px solid var(--bc-border); border-radius: 8px; font-family: var(--bc-mono);
  padding: 7px 12px; cursor: pointer; font-size: 12px; font-weight: 700; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.bc-btn:hover:not([disabled]) { border-color: var(--bc-accent); }
.bc-btn[disabled] { color: var(--bc-dim); cursor: not-allowed; opacity: .7; }
.bc-small { padding: 3px 8px; font-size: 11px; }
.bc-ghost { border-style: dashed; }
.bc-chip { background: transparent; color: var(--bc-dim); border: 1px solid var(--bc-border); border-radius: 999px; padding: 3px 10px;
  font: 700 11px var(--bc-mono); cursor: pointer; }
.bc-chip.on { color: #061008; background: var(--bc-accent); border-color: var(--bc-accent); }
.bc-chip[disabled] { opacity: .35; cursor: not-allowed; }
.bc-chip:hover:not([disabled]):not(.on) { color: var(--bc-text); border-color: var(--bc-dim); }
.bc-select, .bc-input { background: var(--bc-card2); color: var(--bc-text); border: 1px solid var(--bc-border); border-radius: 8px; padding: 4px 8px; font: 12px var(--bc-mono); }
.bc-input:focus, .bc-select:focus { outline: none; border-color: var(--bc-accent); }
.bc-ico { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; background: var(--bc-card2); flex: none; }
.bc-ico-txt { display: inline-flex; align-items: center; justify-content: center; font: 700 11px var(--bc-mono); color: var(--bc-accent); border: 1px solid var(--bc-border); }