/* KASYG-ESU — design tokens (additive, žádné kolize s existujícím style.css).
   Všechny nové prefixované --kx-* aby se nepřepisovaly stávající proměnné. */
:root{
  /* surfaces */
  --kx-bg:#0b0d10; --kx-surface:#161a21; --kx-surface-2:#1c2129;
  --kx-border:#22272f; --kx-border-strong:#2c323c;
  /* text */
  --kx-text:#e7eaf0; --kx-text-muted:#8b94a4; --kx-text-dim:#5b6271;
  /* accent (vlazena na stavajici #635BFF z portalu) */
  --kx-accent:#7c6bff; --kx-accent-strong:#9d90ff; --kx-accent-soft:rgba(124,107,255,.13);
  /* semantika */
  --kx-ok:#22c55e; --kx-ok-soft:rgba(34,197,94,.13);
  --kx-warn:#f59e0b; --kx-warn-soft:rgba(245,158,11,.13);
  --kx-danger:#ef4444; --kx-danger-soft:rgba(239,68,68,.13);
  --kx-info:#3b82f6; --kx-info-soft:rgba(59,130,246,.13);
  /* rytmus */
  --kx-space-1:4px; --kx-space-2:8px; --kx-space-3:12px; --kx-space-4:16px;
  --kx-space-5:20px; --kx-space-6:24px; --kx-space-8:32px;
  --kx-radius-sm:6px; --kx-radius:10px; --kx-radius-lg:14px;
  --kx-shadow-1:0 1px 2px rgba(0,0,0,.4);
  --kx-shadow-2:0 10px 30px -10px rgba(0,0,0,.55);
  --kx-row-zebra:rgba(255,255,255,.018);
  --kx-ease:cubic-bezier(.4,0,.2,1);
  /* fonty (jen systemove → 0 prenosu, CSP-friendly) */
  --kx-font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI Variable","Segoe UI",system-ui,Roboto,sans-serif;
  --kx-font-mono:ui-monospace,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;
}

/* ── Light theme (#19) — aktivuje se přes html[data-kx-theme="light"] ── */
html[data-kx-theme="light"]{
  --kx-bg:#f5f7fb; --kx-surface:#ffffff; --kx-surface-2:#f0f3f8;
  --kx-border:#e2e7ee; --kx-border-strong:#cbd2dc;
  --kx-text:#1a1f2e; --kx-text-muted:#5b6271; --kx-text-dim:#8b94a4;
  --kx-row-zebra:rgba(0,0,0,.02);
  --kx-shadow-1:0 1px 2px rgba(0,0,0,.08);
  --kx-shadow-2:0 10px 30px -10px rgba(0,0,0,.18);
  --kx-accent-soft:rgba(124,107,255,.10);
  --kx-ok-soft:rgba(34,197,94,.10);
  --kx-warn-soft:rgba(245,158,11,.12);
  --kx-danger-soft:rgba(239,68,68,.10);
  --kx-info-soft:rgba(59,130,246,.10);
}

/* utility tridy — pouzitelne kdekoliv */
.kx-num{font-variant-numeric:tabular-nums}
.kx-mono{font-family:var(--kx-font-mono);font-variant-numeric:tabular-nums}
