/* karbovanec-theme / theme.css
   KANONICKY zdielany stylesheet: karbovanec / journal / todotxt (+ buduce).
   Obsahuje LEN prierezove primitiva: tokeny + zdielane komponenty. */
:root{
  --bg:#1a1a1a;
  --fg:#c8c8c8;
  --fg-dim:#9a9a9a;
  --accent:#ff7a18;
  --on-accent:#1a1a1a;               /* text NA oranzovej ploche — tmavy, NIE biely */
  --line:rgba(255,255,255,0.08);
  --surface:rgba(255,255,255,0.05);
  --badge-bg:rgba(255,122,24,0.14);
  --mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;
  --fs-base:16px;
  --lh:1.6;
  --radius:3px;
}
@media (prefers-color-scheme:light){
  :root{
    --bg:#fafafa;
    --fg:#2a2a2a;
    --fg-dim:#8a8a8a;
    --accent:#c1590f;
    --on-accent:#fafafa;
    --line:rgba(0,0,0,0.08);
    --surface:rgba(0,0,0,0.04);
    --badge-bg:rgba(255,122,24,0.12);
  }
}
*{box-sizing:border-box}
html,body{margin:0}
body{
  background:var(--bg);color:var(--fg);
  font-family:var(--mono);font-size:var(--fs-base);line-height:var(--lh);
  -webkit-font-smoothing:antialiased;
}
a{color:var(--fg);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
a:hover{color:var(--accent)}
.term{max-width:860px;margin:0 auto;padding:32px 24px 80px}
.bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;
  padding-bottom:14px;border-bottom:1px solid var(--line);font-size:14px}
.bar .dot{width:9px;height:9px;border-radius:50%;background:var(--accent);flex:none}
.bar .crumb{color:var(--fg)}
.bar .xlink{display:flex;flex-wrap:wrap;gap:16px;margin-left:auto}
.bar .xlink a{color:var(--accent);text-decoration:none}
.bar .xlink a:hover{text-decoration:underline;text-underline-offset:2px}
.bar .xlink a.ext{border-left:1px solid var(--line);padding-left:16px}
.p{color:var(--accent)}
.cmd{color:var(--fg-dim);margin:34px 0 14px;font-size:15px}
.dim{color:var(--fg-dim)}
.btn{font-family:var(--mono);font-size:13px;line-height:1;letter-spacing:.02em;
  padding:8px 16px;border:1px solid transparent;border-radius:var(--radius);
  background:transparent;color:var(--fg);cursor:pointer}
.btn--primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:500}
.btn--primary:hover{filter:brightness(1.06)}
.btn--ghost{border-color:var(--line);color:var(--fg-dim)}
.btn--ghost:hover{color:var(--accent);border-color:var(--accent)}
.btn--ghost.on{color:var(--accent);border-color:var(--accent);background:var(--badge-bg)}
.btn--sm{font-size:11px;padding:2px 8px;letter-spacing:.04em}
.btn:disabled{opacity:.55;cursor:default}
.tag{color:var(--accent);font-size:.9em}
a.tag{text-decoration:none}
a.tag:hover{text-decoration:underline;text-underline-offset:2px}
.chip{font-family:var(--mono);font-size:13px;padding:3px 10px;border-radius:var(--radius);
  border:1px solid var(--line);color:var(--fg-dim);background:transparent;
  cursor:pointer;text-decoration:none}
.chip:hover{color:var(--fg);border-color:var(--fg-dim)}
.chip--active{color:var(--accent);border-color:var(--accent);background:var(--badge-bg)}
.badge{color:var(--accent);background:var(--badge-bg);font-size:11px;letter-spacing:.06em;
  text-transform:uppercase;padding:2px 8px;border-radius:var(--radius);flex:none}
.err{margin:16px 0;padding:12px 14px;border:1px solid #cc7a72;border-left-width:3px;
  color:#a5473d;background:#f6e7e4;border-radius:var(--radius);white-space:pre-wrap;font-size:14px}
.foot{margin-top:56px;padding-top:14px;border-top:1px solid var(--line);
  color:var(--fg-dim);font-size:13px}
@media (max-width:640px){
  body{font-size:15px}
  .term{padding:20px 16px 64px}
}