@import url("/static/fonts.css");
/* Paleta Python Brasil 2026 · tema oscuro (celulares y paneles internos) */
:root {
  --bg: #0F0F0F;
  --surface: #242424;
  --surface-2: #2e2e2e;
  --line: #3A3A3A;
  --fg: #E8F4BA;
  --muted: #ABABAB;
  --accent: #B7FF06;
  --accent-ink: #0F0F0F;
  --violet: #D26CC9;
  --ok: #3ecf8e;
  --warn: #ffb547;
  --bad: #ff6b6b;
  --radius: 16px;
  --font: "Roboto", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--fg); font-family: var(--font); }
button { font: inherit; cursor: pointer; border: 0; border-radius: 12px; padding: 12px 16px; font-weight: 700; }
button.primary { background: var(--accent); color: var(--accent-ink); }
button.ghost { background: var(--surface-2); color: var(--fg); }
button.ok { background: var(--ok); color: #04150d; }
button.bad { background: var(--bad); color: #1d0505; }
button:disabled { opacity: .45; cursor: default; }
.muted { color: var(--muted); }
.pill { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; background: var(--surface-2); color: var(--muted); }
.pill.ok { background: rgba(62,207,142,.15); color: var(--ok); }
.pill.warn { background: rgba(255,181,71,.15); color: var(--warn); }
.pill.bad { background: rgba(255,107,107,.15); color: var(--bad); }
.dot { width: 8px; height: 8px; border-radius: 50%; background: var(--bad); display: inline-block; }
.dot.on { background: var(--ok); }

mark { background: var(--accent); color: var(--accent-ink); padding: 0 .12em; border-radius: .08em; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.mono { font-family: "Cascadia Mono", ui-monospace, monospace; }