/* Teleclaw brand tokens (used alongside Tailwind CDN) */
:root {
  --tc-bg: #0b0f17;
  --tc-surface: #121826;
  --tc-text: #e6edf7;
  --tc-muted: #8b95a8;
  --tc-primary: #2ea7ff;
  --tc-primary-700: #1a7fcc;
  --tc-accent: #7c5cff;
  --tc-success: #29c98a;
  --tc-warn: #f0b429;
  --tc-danger: #ff5d5d;
  --tc-border: rgba(255,255,255,0.08);
}

html, body { background: var(--tc-bg); color: var(--tc-text); font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
a { color: var(--tc-primary); }
a:hover { color: var(--tc-primary-700); }
.btn-primary { background: var(--tc-primary); color: #001327; }
.btn-primary:hover { background: var(--tc-primary-700); color: #fff; }
.card { background: var(--tc-surface); border: 1px solid var(--tc-border); border-radius: 12px; }
.muted { color: var(--tc-muted); }

/* Tool section badges */
.badge { display: inline-block; font-size: 12px; font-weight: 600; letter-spacing: .03em; padding: 4px 10px; border-radius: 999px; background: rgba(46,167,255,.12); color: var(--tc-primary); border: 1px solid rgba(46,167,255,.3); }
.badge-warn { background: rgba(240,180,41,.12); color: var(--tc-warn); border-color: rgba(240,180,41,.35); }
a.btn-primary:hover { color: #fff; }

/* FAQ accordion */
details > summary { cursor: pointer; list-style: none; }
details > summary::-webkit-details-marker { display: none; }
details[open] summary .chev { transform: rotate(180deg); }
.chev { transition: transform .2s ease; }