/* ============================================================
  JASJE B, DARK EDITORIAL (standaard)
  Donkere basis · serif-koppen (Instrument Serif) · magazine
  ============================================================ */
html[data-theme="b"]{
 --font-body:'Hanken Grotesk',system-ui,sans-serif;
 --font-display:'Instrument Serif',Georgia,serif;
 --font-mono:'Space Mono',monospace;
 --font-ui:'Hanken Grotesk',sans-serif;
 --display-weight:400;
 --display-tracking:-0.005em;
 --display-em-style:italic;
 --tracking-body:-0.005em;

 --bg:#0a0e18;
 --surface:#11172a;
 --surface-2:#0e1424;
 --text:#f6f4ef;
 --text-2:#9aa3bd;
 --line:rgba(255,255,255,.11);
 --line-strong:rgba(255,255,255,.24);

 --brand:#3f93e6;
 --brand-strong:#5aa6f0;
 --brand-tint:rgba(63,147,230,.14);
 --accent:#e30613;
 --accent-glow:rgba(227,6,19,.5);
 --on-brand:#05080f;
 --star:#d9b25b;

 --radius:8px;--radius-lg:10px;--radius-xl:14px;--ico-radius:11px;
 --shadow-lg:0 26px 60px -34px rgba(0,0,0,.7);
 --shadow-xl:0 40px 90px -40px rgba(63,147,230,.45);
 --btn-radius:3px;--btn-shadow:none;--ghost-bg:transparent;

 --header-bg:rgba(10,14,24,.72);
 --nav-gap:28px;--nav-weight:500;--navline:100%;

 --langtog-border:0;--langtog-radius:0;--langtog-bg:transparent;--langtog-on-bg:transparent;--langtog-on-text:var(--text);

 --ph-bg:repeating-linear-gradient(135deg,#1a2236 0 13px,#161d30 13px 26px);
 --ph-border:1px solid var(--line);--ph-text:#5b647f;

 --brandpill-weight:400;--brandpill-size:1.4rem;
 --card-h-weight:600;--card-hover-border:var(--brand);
 --ink-fill:var(--brand);

 --band-bg:#11172a;--band-text:#f6f4ef;--band-muted:#9aa3bd;
 --band-glow:radial-gradient(700px 300px at 88% -20%,rgba(63,147,230,.4),transparent);
 --brand-on-band:#3f93e6;

 --cap-bg:rgba(10,14,24,.55);--cap-text:#f6f4ef;

 --final-bg:transparent;--final-muted:#9aa3bd;
 --final-glow:radial-gradient(600px 240px at 50% 0,rgba(63,147,230,.18),transparent);

 --footer-bg:#0a0e18;--footer-text:#f6f4ef;--footer-head:#6f7896;
 --footer-link:#9aa3bd;--footer-hover:#fff;--footer-line:rgba(255,255,255,.1);
 --footer-border:1px solid var(--line);

 --switch-bg:#11172a;--switch-line:rgba(255,255,255,.14);
 --logo-light-display:none;--logo-dark-display:block;
}
/* B-specifieke verfijning: koppen groot & rustig, eyebrow mono-stijl */
html[data-theme="b"] h1{font-size:clamp(3rem,6.4vw,5.4rem)}
html[data-theme="b"] .nav-links a{letter-spacing:.01em}