/* ─── NIKKI. Задачи · бренд-система, значения сняты с боевого сайта 15.09.2026 ─── */

/* Golos Text — вариативный 400–700. Ниже 400 веса не существует. */
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400 700;font-display:swap;
  src:url('/static/fonts/golos-text-400-cyrillic.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400 700;font-display:swap;
  src:url('/static/fonts/golos-text-400-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* IBM Plex Mono — цифры, счётчики, коды */
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;
  src:url('/static/fonts/ibm-plex-mono-400-cyrillic.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;
  src:url('/static/fonts/ibm-plex-mono-400-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;
  src:url('/static/fonts/ibm-plex-mono-500-cyrillic.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;
  src:url('/static/fonts/ibm-plex-mono-500-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;
  src:url('/static/fonts/ibm-plex-mono-600-cyrillic.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;
  src:url('/static/fonts/ibm-plex-mono-600-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root {
  /* поверхности */
  --n-canvas:    #ffffff;   /* карточки, модалки */
  --n-page:      #f4f7f4;   /* полотно страницы */
  --n-soft:      #eef6f0;   /* сайдбар, вторая поверхность */
  --n-hairline:  #e3e8e3;   /* линии, бейджи, дорожки */
  --n-hair-hard: #cfd8d0;   /* контур усиленный */
  /* текст */
  --n-ink:       #141814;   /* заголовки */
  --n-body:      #363c36;   /* основной текст */
  --n-meta:      #5c635c;   /* подписи */
  --n-muted:     #929992;   /* приглушённый */
  /* акцент */
  --n-signal:    #21a038;   /* акцент, активное состояние */
  --n-cta:       #137c2a;   /* кнопки, нажатое */
  --n-signal-05: rgba(33,160,56,.06);
  --n-signal-10: rgba(33,160,56,.12);
  --n-signal-24: rgba(33,160,56,.24);
  --n-loss:      #b3261e;   /* только просрочка и потери */
  --n-loss-soft: #fdeceb;
  --n-warn:      #8a6a12;   /* срок на носу */
  --n-warn-soft: #f7f3e6;
  /* радиусы бренда */
  --n-r-compact: 4px;
  --n-r-control: 12px;
  --n-r-panel:   20px;
  --n-r-page:    28px;
  --n-r-pill:    999px;
  /* тени: один материал в трёх высотах, всегда с внутренним кантом */
  --n-lift-1: 0 0 0 1px rgba(20,24,20,.06), 0 1px 2px rgba(20,24,20,.04);
  --n-lift-2: 0 0 0 1px rgba(20,24,20,.07), 0 8px 20px rgba(20,24,20,.06);
  --n-lift-3: 0 0 0 1px rgba(20,24,20,.08), 0 30px 60px rgba(20,24,20,.10);
  --n-focus:  0 0 0 3px var(--n-signal-24);
  /* движение: одна кривая, три длительности */
  --n-ease:   cubic-bezier(.22,1,.36,1);
  --n-fast:   180ms;
  --n-mid:    320ms;
  --n-slow:   620ms;
  /* шрифты */
  --n-sans: 'Golos Text', system-ui, -apple-system, sans-serif;
  --n-mono: 'IBM Plex Mono', ui-monospace, monospace;
}

/* ─── Цифры и коды — моноширинным, как в продукте ─── */
.bind-code,
.pf-stat-val b,
.pf-xp-nums,
.xp-nums,
.col-head .cnt,
.chip-date,
.pill-date,
.tv-deadline,
.stat-val,
.mini-bar-num,
.col-head span { font-family: var(--n-mono); font-feature-settings: "tnum" 1; }
.bind-code { letter-spacing: 2px; }
