@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,400;0,600;0,700;1,600&family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=IBM+Plex+Mono:wght@400;500&display=swap');
/* ===== MARSA BLACK — the whole site, unconditionally (2026-08-16) ===============
   Until today this palette only applied under prefers-color-scheme: dark, while
   marsa-pp.css had long since gone black for every visitor. A light-OS reader saw a
   black landing page and a white article. Seçil: "her şey siyah tema olacak, tüm
   sitede". So the media query is gone: one theme, no OS dependency.

   Most of the site does not load marsa-pp.css: the insights articles, the library
   chapters and a few tools each ship their own palette. This maps the same near-black
   palette onto the two variable schemes those pages already use. Values match the
   marsa-pp.css dark block, so a visitor moving between a landing page and an article
   sees one system. Brand green is the constant and is deliberately not overridden.
============================================================================== */
:root {
  /* scheme A — insights, library, most standalone pages */
  --bg: #0A0B0D;
  --s1: #121418;
  --s2: #181A1F;
  --s3: #202329;
  --accent: #121418;
  --th: #F4F6F9;          /* headings */
  --tb: #A8AEBA;          /* body */
  --tm: #7C828E;          /* muted */
  --border: rgba(255, 255, 255, .10);
  --bl: rgba(255, 255, 255, .14);

  /* scheme B — the few pages using page/ink naming */
  --page: #0A0B0D;
  --card: #121418;
  --ink: #F4F6F9;
  --dim: #A8AEBA;
  --faint: #7C828E;
  --line: rgba(255, 255, 255, .10);
}

html { color-scheme: dark; }

/* the bare black mark would disappear on a dark header */
img[src="/logo-mark.svg"], img[src="/favicon.svg"], img[src="/brand/marsa-favicon.svg"] { filter: invert(1); }

/* light-mode gradients and grids that read as smudges on near-black */
body { background-image: none !important; }

/* white cards hard-coded in a few templates */
[style*="background:#fff"], [style*="background: #fff"],
[style*="background:#FFFFFF"], [style*="background: #FFFFFF"] { background: var(--s1) !important; }

/* Article template: the white flip made --accent near-white and drew the primary
   button from it; on black, --accent is a surface, so the button and the two accent
   strokes take the heading tone instead (same as the bank-article renderer). */
.btn-p { background: var(--th) !important; color: #0A0B0D !important; }
.tldr .sl, .toc a:hover { color: var(--th); }
blockquote { border-left-color: var(--th); }
.scroll-progress { background: rgba(255,255,255,.5) !important; }

/* Makale tipografisi de kanona çekildi (2026-08-11): başlıklar Plex Serif. */
h1,h2,h3{font-family:var(--serif,'IBM Plex Serif',Georgia,serif);font-weight:600;letter-spacing:-.02em}