/* Huisstijl The Thought Leadership Company voor scrollverhalen.
   Bron: de tokens van thethoughtleadershipcompany.com (insights-pagina's, _designsysteem.html in
   ttlc-website-2026). Amber is de enige actiekleur; de held is donker (ink) zoals bij Insights,
   het artikel staat op cream. Paars (studio) alleen voor beeld en diepte, nooit voor tekst of knoppen. */
:root{
  --sv-font:'Archivo',system-ui,sans-serif;
  --sv-font-kop:'Archivo',system-ui,sans-serif;
  --sv-kop-gewicht:800;
  --sv-bg:#F4EFE5;          /* cream */
  --sv-bg-zacht:#F4EFE5;
  --sv-papier:#FFFFFF;
  --sv-inkt:#1A1813;        /* cream-ink */
  --sv-inkt-sterk:#0A0A0B;  /* ink */
  --sv-inkt-zacht:#3E382E;
  --sv-inkt-licht:#6B6355;  /* cream-muted */
  --sv-lijn:#DDD3C0;        /* cream-line */
  --sv-lijn-sterk:#DDD3C0;
  --sv-merk:#F8B518;        /* amber */
  --sv-merk-donker:#D89706; /* amber-deep */
  --sv-merk-tekst:#0A0A0B;  /* amber is geen tekstkleur op cream: tekst blijft ink */
  --sv-merk-licht:#FEF0CF;  /* amber-glow op wit */
  --sv-merk-rand:#F8B518;
  --sv-op-merk:#0A0A0B;
  --sv-accent:#F8B518;
  --sv-accent-licht:#FEF0CF;
  --sv-op-accent:#0A0A0B;
  --sv-voet-bg:#0A0A0B;
  --sv-voet-tekst:#9C9CA4;
  --sv-held-bg:radial-gradient(800px 480px at 85% 10%,rgba(144,84,168,.22),transparent 60%),#0A0A0B;
  --sv-held-vlak:#0A0A0B;
  --sv-held-inkt:#F5F5F6;
  --sv-held-zacht:#9C9CA4;
  --sv-held-meta:#9C9CA4;
  --sv-held-eyebrow:#F8B518;
  --sv-radius:22px;
  --sv-schaduw:0 44px 80px -60px rgba(26,24,19,.55);
}
/* De amberen markering in de kop, zoals op de site: schrijf **woord** in de titel. */
.sv-held h1{letter-spacing:-.04em;line-height:1}
.sv-held h1 strong{background:var(--sv-accent);color:#0A0A0B;padding:0 .12em;border-radius:4px;font-weight:inherit}
/* Geen kleine hoofdletters: Robert wil geen mini-kapitalen op de site. */
.sv-eyebrow,.sv-zij-kop,.sv-st-vast span{text-transform:none;letter-spacing:0;font-size:15px}
/* Bronlinks zoals op de site: tekstkleur met een amberen lijn eronder. */
.sv-bron{color:inherit;border-bottom:1px solid var(--sv-accent)}
.sv-held .sv-label{background:transparent;border-color:#3A3A43;color:#F5F5F6}
.sv-held::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 70%,rgba(10,10,11,.6))}
/* Merk en roepkleur zijn allebei amber: nadruk en knoppen op amber krijgen ink. */
.sv-sk.nadruk .sv-sk-s{background:linear-gradient(180deg,#1D1D22,#0A0A0B)}
.sv-cta .sv-knop.accent{background:#0A0A0B;color:#F5F5F6}
.sv-cta .sv-knop.licht{border-color:#0A0A0B;color:#0A0A0B}