/* ============================================================
   Navigator Hub — TOKENS (warstwa 1/4 redesignu 2026)
   Jedno źródło prawdy dla palety, typografii, odstępów, promieni
   i cieni. Wartości wprost z briefu „nowy styl — minimalistyczny".
   Kolejność ładowania: styles.css → styles_new.css → tokens.css →
   redesign-kokpit.css  (ostatnia warstwa wygrywa).
   ============================================================ */
:root {
  /* ── TŁO APLIKACJI (subtelny, miękki gradient) ───────────── */
  --nh-bg-top:   #F1F7F8;   /* rozbielony chłodny błękit u góry */
  --nh-bg-mid:   #F8F8F5;   /* neutralne off-white             */
  --nh-bg-bot:   #FFFDF9;   /* ciepła biel na dole             */

  /* ── POWIERZCHNIE ────────────────────────────────────────── */
  --nh-surface:        #FFFFFF;   /* główne karty           */
  --nh-surface-warm:   #FFFDF9;   /* większe panele         */
  --nh-field:          #F6F6F4;   /* inputy / delikatne sekcje */

  /* ── GRANAT / AKCENTY ────────────────────────────────────── */
  --nh-navy:        #071321;   /* CTA, menu, główne akcje   */
  --nh-navy-hover:  #0D1B2A;
  --nh-accent:      #0B6F8F;   /* ikony, avatary, linki     */

  /* ── STATUSY (tekst / tło) ───────────────────────────────── */
  --nh-ok-text:    #16845B;  --nh-ok-bg:    #DDF8E8;
  --nh-miss-text:  #C43D58;  --nh-miss-bg:  #FDE9EE;
  --nh-fail-text:  #A96125;  --nh-fail-bg:  #F8E8DA;

  /* ── TEKST ───────────────────────────────────────────────── */
  --nh-text:        #1E1E1E;
  --nh-text-2:      #6F6F6F;
  --nh-text-muted:  #A8A8A8;
  --nh-text-on-dark:#F5F2EC;

  /* ── LINIE / SEPARATORY ──────────────────────────────────── */
  --nh-line:       #DEDCD7;
  --nh-line-soft:  #E7E4DF;

  /* ── TŁA GRUP (lekkie, papierowe) ────────────────────────── */
  --nh-group-blue:    #EEF7FA;
  --nh-group-neutral: #F4F2EE;
  --nh-group-warn:    #FFF6E6;
  --nh-row-select:    #F1F8FA;

  /* ── TYPOGRAFIA (dwie role) ──────────────────────────────── */
  --nh-font-head: 'Montserrat', -apple-system, sans-serif;  /* nagłówki, wersaliki */
  --nh-font-body: 'Inter', -apple-system, sans-serif;       /* treść, tabele, inputy */

  --nh-ls-head:    0.24em;   /* letter-spacing nagłówków widoków */
  --nh-ls-section: 0.22em;   /* letter-spacing nagłówków sekcji  */

  /* ── PROMIENIE ───────────────────────────────────────────── */
  --nh-r-card:   12px;
  --nh-r-modal:  16px;
  --nh-r-badge:  8px;
  --nh-r-pill:   999px;

  /* ── ODSTĘPY ─────────────────────────────────────────────── */
  --nh-pad-card:   24px;
  --nh-pad-modal:  40px;

  /* ── CIENIE ──────────────────────────────────────────────── */
  --nh-sh-card:    0 1px 2px rgba(7,19,33,0.04);
  --nh-sh-modal:   0 24px 80px rgba(7,19,33,0.18);
  --nh-sh-sidebar: 12px 0 28px rgba(7,19,33,0.10);
}