/* ==========================================================================
   STANAG 6001 — motyw „nocna oliwka"
   Nadpisuje tokeny ze styl.css. Wzięte z propozycji Kimi: cieplejsza,
   prawie czarna oliwka zamiast granatu, bursztyn zamiast mosiądzu,
   Oswald w nagłówkach i IBM Plex w treści.
   Różnica wobec tamtej propozycji: kroje stoją na WŁASNYM serwerze
   (css/kroje.css), więc nic nie wycieka do Google, i powierzchnia do
   długiego czytania zostaje jasna — siedem podstron gęstego tekstu
   czyta się na ciemnym tle znacznie gorzej.

   COFNIĘCIE: usuń <link ... motyw.css> ze stron — wraca poprzedni wygląd.
   ========================================================================== */

:root {
  /* ciemne powierzchnie: czerń wpadająca w oliwkę zamiast granatu */
  --n-950: #0a0b08;
  --n-900: #101208;
  --n-850: #16180f;
  --n-800: #1d2013;
  --n-700: #2b2f1c;
  --n-600: #4a5230;
  --n-500: #6d7743;

  /* bursztyn zamiast mosiądzu */
  --br-600: #a86f00;
  --br-500: #d98e00;
  --br-400: #ffb01f;
  --br-300: #ffcd6b;

  /* papier: cieplejszy, mniej szary */
  --p-000: #ffffff;
  --p-100: #f7f5ee;
  --p-200: #efece1;
  --p-300: #e3dfcf;

  --ink:   #14160d;
  --ink-2: #3b3f2e;
  --muted: #6b6d5c;
  --line:  #dedac9;
  --line-2:#c6c1ab;

  --ok:     #5f8a3c;
  --ok-bg:  #eef3e6;
  --bad:    #c0503a;
  --bad-bg: #fbeeea;
  --warn:   #9a7212;
  --warn-bg:#faf2dd;

  /* kroje z własnego serwera */
  --sans: 'IBM Plex Sans', system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --cond: 'Oswald', "Arial Narrow", system-ui, sans-serif;
  --mono: 'IBM Plex Mono', ui-monospace, Consolas, "Liberation Mono", monospace;
}

/* Oswald jest wąski i wysoki — bez korekty odstępów nagłówki robią się ciasne */
h2, .hero h1, .brand__n, .keyfigs b, .stats b, .card__num, .lb__t {
  letter-spacing: .015em;
}
.hero h1 { line-height: 1.02; }

/* IBM Plex Sans ma większą wysokość x niż czcionka systemowa —
   zmniejszamy stopień, żeby wiersz tekstu nie urósł */
body { font-size: 16.5px; line-height: 1.66; }

/* Bursztyn na czerni świeci mocniej niż mosiądz na granacie,
   więc przygaszamy watermark i siatkę, żeby nie krzyczały */
.hero__mark { opacity: .05; }
.gridbg {
  background-image:
    linear-gradient(rgba(141, 155, 90, .08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(141, 155, 90, .08) 1px, transparent 1px),
    linear-gradient(rgba(141, 155, 90, .04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(141, 155, 90, .04) 1px, transparent 1px);
}

/* Kafelki cyfr profilu — najlepszy pomysł z tamtej propozycji:
   ramka i tło zamiast płaskiego prostokąta */
.spj span {
  border: 1px solid var(--n-700);
  background: var(--n-850);
  min-width: 1.9em;
}
.spj--lg span { padding: .22em .34em; }
.spj span.is-hi {
  background: rgba(255, 176, 31, .14);
  border-color: var(--br-400);
  color: var(--br-400);
}
.section--dark .spj span { background: rgba(255, 255, 255, .05); border-color: rgba(255,255,255,.16); }
.section--dark .spj span.is-hi {
  background: rgba(255, 176, 31, .16); border-color: var(--br-400); color: var(--br-400);
}

/* Zdjęcia w cieplejszej tonacji, żeby nie odbijały chłodem od tła */
.hero__img { filter: grayscale(.4) contrast(1.08) sepia(.12) brightness(.95); }
.gallery img, .scene__img img { filter: grayscale(.4) contrast(1.06) sepia(.10); }
.gallery figure:hover img, .scene:hover .scene__img img { filter: sepia(.04); }