/* ═══════════════ DevOstro — WSPÓLNY system „Warsztat twórcy gier" (ciemny / base) ═══════════════
   Odpowiednik theme-kartka.css, ale dla trybu CIEMNEGO (gamedev). Ujednolica podstrony z homepage:
   czcionki (Tektur / IBM Plex Sans / JetBrains Mono), tokeny marki, logo, kolory kodu.
   ⚠ Ładować PO inline <style> strony, a PRZED theme-kartka.css.
   Bez !important na fontach → w trybie jasnym theme-kartka ([data-theme=light], wyższa specyficzność) wygrywa,
   w ciemnym rządzi ten plik. Layoutu gier/apek NIE dotyka (tylko system wizualny). */

@import url('https://fonts.googleapis.com/css2?family=Tektur:wght@700;800&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap');

/* ── tokeny marki (grafit edytora; role: akcja=cyjan · RUN=zieleń · score/zakup=złoto · marka=czerwień · Python=fiolet) ── */
:root {
  --bg:#0c0e12; --bg2:#131720; --bg3:#1a1f2a;
  --purple:#7c3aed; --purple2:#9f5ff7; --cyan:#00c8ff;
  --green:#2ed573; --yellow:#ffc94a; --red:#ff4a3a;
  --text:#dee5f0; --muted:#7e8aa0; --border:#232a36;
  /* aliasy używane przez część podstron (blog/apki) */
  --ink:#dee5f0; --line:#232a36; --panel:#131720; --lav:#9f5ff7; --cyanb:#00c8ff;
}

/* ── czcionki ── */
body { font-family:'IBM Plex Sans', system-ui, sans-serif; }
h1, h2, h3 { font-family:'Tektur', sans-serif; }

/* ── logo/wordmark = Tektur (spójne 1:1 z homepage) ── */
.nav-logo, .logo {
  font-family:'Tektur', sans-serif; font-weight:800; letter-spacing:1px; font-size:1.55rem; color:var(--text);
}
/* OSTRO = płaska ostra czerwień ze skosem (koniec glossy gradientu) */
.ostro, .nav-logo .o, .logo .o {
  background:none; -webkit-background-clip:border-box; -webkit-text-fill-color:var(--red); color:var(--red);
  display:inline-block; transform:skewX(-6deg);
}

/* ── nav TOP jednakowy ── */
nav { background:rgba(12,14,18,.88); border-bottom:1px solid var(--border); }
.nav-links a { color:var(--muted); }
.nav-links a:hover { color:var(--text); }

/* ── kod = paleta „gamedev neon" (tokeny marki) ── */
.code-keyword { color:var(--purple2); }   /* Python / słowa kluczowe = fiolet */
.code-string  { color:var(--green); }     /* teksty = zieleń RUN */
.code-fn      { color:var(--cyan); }       /* funkcje = cyjan akcji */
.code-comment { color:var(--muted); }      /* komentarz = szary */
.code-num     { color:#3a4252; }           /* numeracja linii (brak tokenu — gutter one-off) */