/* ══════════════════════════════════════════════════════════════════
   NEXTIVO UI: kompatibilní vrstva  (packages/ui/compat.css)

   JEN PRO PŘECHOD. Staré app.css jednotlivých appek sahají na tokeny
   ze starého nextivo.css (--nx-surface, --nx-ink-text, --nx-brand-text…).
   Tenhle soubor je přesměruje na nové tokeny, takže appka může vyměnit
   nextivo.css za nx-ui/ a její vlastní app.css dál funguje.

   Pořadí v <head>:  tokens.css → nextivo-ui.css → compat.css → app.css
   Až appka v app.css přejde na --nx-color-*, compat.css z ní vyhoď.
   Nové appky ho NEPOUŽÍVAJÍ.
   ══════════════════════════════════════════════════════════════════ */
:root{
  /* plochy a text (tmavý režim se přepíná sám, protože míří na --nx-color-*) */
  --nx-surface:var(--nx-color-surface);
  --nx-surface-2:var(--nx-color-bg);
  --nx-surface-3:var(--nx-color-surface-2);
  --nx-surface-line:var(--nx-color-border);
  --nx-surface-line-2:var(--nx-color-border-strong);
  --nx-ink-text:var(--nx-color-text);
  --nx-ink-text-2:var(--nx-color-text-2);
  --nx-ink-text-3:var(--nx-color-text-3);
  --nx-header-bg:var(--nx-color-surface);

  /* značka */
  --nx-brand:var(--nx-color-brand);
  --nx-brand-600:var(--nx-color-brand-hover);
  --nx-brand-700:var(--nx-color-brand-active);
  --nx-brand-soft:var(--nx-color-brand-soft);
  --nx-brand-line:var(--nx-color-brand-border);
  --nx-brand-text:var(--nx-color-brand-text);
  --nx-on-brand-text:var(--nx-color-brand-soft-text);

  /* stavy */
  --nx-mint:var(--nx-color-success-solid);
  --nx-mint-soft:var(--nx-color-success-soft);
  --nx-amber:var(--nx-color-warning-solid);
  --nx-amber-soft:var(--nx-color-warning-soft);
  --nx-rose:var(--nx-color-danger-solid);
  --nx-rose-soft:var(--nx-color-danger-soft);
  --nx-ok-text:var(--nx-color-success-soft-text);
  --nx-warn-text:var(--nx-color-warning-soft-text);
  --nx-stop-text:var(--nx-color-danger-soft-text);
  --nx-ok-line:var(--nx-color-success-border);
  --nx-warn-line:var(--nx-color-warning-border);
  --nx-stop-line:var(--nx-color-danger-border);
  --nx-custom-soft:var(--nx-color-info-soft);
  --nx-custom-text:var(--nx-color-info-soft-text);
  --nx-focus:var(--nx-color-focus);
  --nx-focus-halo:var(--nx-color-brand-soft);

  /* pevné barvy starého systému (patička webu, tmavé bloky) */
  --nx-ink:#0a0f1f; --nx-ink-2:#141b30; --nx-ink-3:#1e2740;
  --nx-on-dark:#eef1f8; --nx-on-dark-2:#9aa6c0;
  --nx-text:var(--nx-color-text); --nx-text-2:var(--nx-color-text-2); --nx-text-3:var(--nx-color-text-3);
  --nx-bg:var(--nx-color-surface); --nx-bg-2:var(--nx-color-bg); --nx-bg-3:var(--nx-color-surface-2);
  --nx-line:var(--nx-color-border); --nx-line-2:var(--nx-color-border-strong);

  /* tvar, stín, písmo */
  --nx-r-sm:var(--nx-radius-sm); --nx-r:var(--nx-radius-md);
  --nx-r-lg:var(--nx-radius-lg); --nx-r-xl:var(--nx-radius-xl);
  --nx-sh-1:var(--nx-shadow-xs); --nx-sh-2:var(--nx-shadow-md); --nx-sh-3:var(--nx-shadow-lg);
  --nx-sans:var(--nx-font-sans); --nx-display:var(--nx-font-sans); --nx-mono:var(--nx-font-mono);
  --nx-max:var(--nx-content-max); --nx-pad:var(--nx-space-6);

  /* Tokeny appek CRM / HR / Sklad (--c-*) */
  --c-akcent:var(--nx-color-brand-text);
  --c-akcent-text:var(--nx-color-brand-soft-text);
  --c-upozorneni:var(--nx-color-warning-text);
  --c-vystraha:var(--nx-color-danger-text);
  --c-uspech:var(--nx-color-success-text);
}

/* Staré názvy tříd, které mají v novém systému jiné jméno */
/* Staré „ghost" bylo OBRYSOVÉ tlačítko (= dnešní nx-btn-secondary). Dokud appka
   používá compat.css, drží staré značení svůj vzhled. Při přechodu přejmenuj
   nx-btn-ghost → nx-btn-secondary a teprve pak compat.css vyhoď. */
.nx-btn-ghost{background:var(--nx-color-surface);color:var(--nx-color-text);border-color:var(--nx-color-border-strong);box-shadow:none}
.nx-btn-ghost:hover{background:var(--nx-color-surface-2)}
.nx-btn-quiet{background:transparent;color:var(--nx-color-brand-text);border-color:transparent}
.nx-badge-live{background:var(--nx-color-success-soft);color:var(--nx-color-success-soft-text)}
.nx-badge-soon{background:var(--nx-color-neutral-soft);color:var(--nx-color-neutral-soft-text)}
.nx-badge-beta,.nx-badge-warn{background:var(--nx-color-warning-soft);color:var(--nx-color-warning-soft-text)}
.nx-badge-trial{background:var(--nx-color-brand-soft);color:var(--nx-color-brand-soft-text)}
.nx-badge-stop{background:var(--nx-color-danger-soft);color:var(--nx-color-danger-soft-text)}
.nx-badge-custom{background:var(--nx-color-info-soft);color:var(--nx-color-info-soft-text)}
.nx-note{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid transparent;border-radius:10px;font-size:var(--nx-fs-md)}
.nx-note-info{background:var(--nx-color-brand-soft);border-color:transparent;color:var(--nx-color-brand-soft-text)}
.nx-note-ok{background:var(--nx-color-success-soft);border-color:transparent;color:var(--nx-color-success-soft-text)}
.nx-note-warn{background:var(--nx-color-warning-soft);border-color:transparent;color:var(--nx-color-warning-soft-text)}
.nx-note-stop{background:var(--nx-color-danger-soft);border-color:transparent;color:var(--nx-color-danger-soft-text)}