/* Tokeny wspólne dla frontu i panelu – zgodne z docs/design-tokens.json */
:root{
  --bg:#0B1228; --surface:#121A3A; --surface-2:#141D40; --tile:#1F2E66; --tile-shadow:#172352;
  --tile-used:#10183A; --line:#1E2A58; --chip:#24326A;
  --text:#F3F5FA; --muted:#B8C1DA; --accent:#FFCF00; --negative:#FF8F80; --positive:#7BE0A6;
  --font-body:Inter,system-ui,sans-serif; --font-display:'Space Grotesk',Inter,system-ui,sans-serif;
  --r-sm:12px; --r-md:16px;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font-body)}
button{font:inherit;color:inherit;cursor:pointer}
kbd{font-family:var(--font-body);font-size:12px;padding:2px 6px;border-radius:6px;background:rgba(255,255,255,.12);margin-left:8px}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
[hidden]{display:none!important}
.primary,.ghost{min-height:44px;padding:10px 20px;border-radius:12px;font-weight:600}
.primary{background:var(--accent);color:var(--bg);border:none}
.ghost{background:transparent;border:2px solid var(--chip);color:var(--text)}
.primary:disabled{opacity:.5;cursor:default}