/* Moula · Noční směna — design tokeny (tmavý režim je výchozí).
   Vygenerováno z gen/ns.py. Kontrasty ověřené výpočtem WCAG 2.x, viz README. */

:root {
  color-scheme: dark;

  /* Pozadí */
  --ns-bg-0: #0E1116; /* pozadí aplikace */
  --ns-bg-1: #161B22; /* panely, bloky nástrojů, lišta */
  --ns-bg-2: #1E242D; /* karty, hover řádku */
  --ns-bg-3: #262D38; /* menu, dialog, tooltip */
  --ns-bubble-user: #232A35; /* bublina uživatele */

  /* Linky */
  --ns-line: #2A313C; /* běžné oddělení, obrys karet */
  --ns-line-soft: #21262D; /* dělení řádků uvnitř bloku */
  --ns-line-strong: #454E5C; /* obrys polí a sekundárních tlačítek */

  /* Text */
  --ns-text: #E6EDF3; /* primární text */
  --ns-text-2: #C9D1D9; /* sekundární text, odpovědi Mouly */
  --ns-text-muted: #8B949E; /* popisky, časy, metadata */
  --ns-text-disabled: #5C6570; /* neaktivní (ne pro čtený text) */

  /* Jantar (akcent) */
  --ns-amber: #FFB000; /* primární akce, Schválit, kurzor */
  --ns-amber-hover: #FFC233; /* hover primární akce */
  --ns-amber-active: #E09B00; /* stisk primární akce */
  --ns-amber-soft: #2A2110; /* podklad karty ke schválení, běžícího bloku */
  --ns-on-amber: #0E1116; /* text na jantaru */

  /* Signál (Stop, limit, chyba) */
  --ns-signal: #FF6B5B; /* Stop, limit, chyba */
  --ns-signal-hover: #FF8577; /* hover Stop */
  --ns-signal-active: #E5554A; /* stisk Stop */
  --ns-signal-soft: #2A1614; /* podklad banneru limitu, chybového bloku */
  --ns-signal-text: #FFD9D4; /* text na podkladu signálu */
  --ns-on-signal: #0E1116; /* text na signálu */

  /* Stavy */
  --ns-success: #3FB950; /* hotovo, ok */
  --ns-success-soft: #12261A; /* podklad úspěchu */
  --ns-warning: #F0883E; /* varování kvóty (80 %+) */
  --ns-warning-soft: #2B1D10; /* podklad varování */
  --ns-info: #58A6FF; /* informace, odkazy, nová verze */
  --ns-info-soft: #0F2238; /* podklad informace */
  --ns-focus: #58A6FF; /* focus ring (2 px + 2 px mezera) */

  /* Písmo */
  --ns-font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --ns-font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* Typografická škála: velikost / řádkování / řez */
  --ns-fs-display: 56px;  --ns-lh-display: 60px;  --ns-fw-display: 600;
  --ns-fs-h1: 36px;       --ns-lh-h1: 44px;       --ns-fw-h1: 600;
  --ns-fs-h2: 24px;       --ns-lh-h2: 32px;       --ns-fw-h2: 600;
  --ns-fs-h3: 18px;       --ns-lh-h3: 26px;       --ns-fw-h3: 600;
  --ns-fs-body: 16px;     --ns-lh-body: 24px;     --ns-fw-body: 400;
  --ns-fs-small: 14px;    --ns-lh-small: 20px;
  --ns-fs-caption: 12px;  --ns-lh-caption: 16px;  --ns-fw-caption: 500;
  --ns-fs-mono: 13px;     --ns-lh-mono: 20px;
  --ns-fs-mono-sm: 12px;  --ns-lh-mono-sm: 16px;

  /* Rozměry */
  --ns-radius-sm: 6px;
  --ns-radius: 10px;
  --ns-radius-lg: 14px;
  --ns-radius-bubble: 14px;
  --ns-space-1: 4px; --ns-space-2: 8px; --ns-space-3: 12px; --ns-space-4: 16px;
  --ns-space-5: 24px; --ns-space-6: 32px; --ns-space-7: 48px;
  --ns-touch: 44px;
  --ns-scanlines: repeating-linear-gradient(to bottom, transparent 0, transparent 2px, rgba(0, 0, 0, 0.22) 2px, rgba(0, 0, 0, 0.22) 3px);
}

/* Náznak světlého režimu (nepovinný, priorita je tmavý). */
:root[data-theme="light"] {
  color-scheme: light;
  --ns-bg-0: #F6F4EF; --ns-bg-1: #FFFFFF; --ns-bg-2: #EFECE5; --ns-bg-3: #FFFFFF;
  --ns-bubble-user: #E8E4DB;
  --ns-line: #DAD5CB; --ns-line-soft: #E8E4DB; --ns-line-strong: #A8A194;
  --ns-text: #1B1F24; --ns-text-2: #3A4048; --ns-text-muted: #5E6570; --ns-text-disabled: #9AA0A8;
  --ns-amber-soft: #FFF1D1; --ns-signal-soft: #FDE7E4; --ns-signal-text: #8A1F14;
  --ns-success: #1A7F37; --ns-warning: #9A4D0B; --ns-info: #0B5CC4; --ns-focus: #0B5CC4;
}

/* Maskot a pixelové ikony: vždy ostře, jen celé násobky 16/32 px. */
.ns-pixel { image-rendering: pixelated; image-rendering: crisp-edges; shape-rendering: crispEdges; }
.ns-tabular { font-variant-numeric: tabular-nums; }