/* BlocOut. Afgekeken van blocout.com op 11-07-2026.
   Alleen de huid. Een component noemt deze waarden nooit rechtstreeks.
   De advertentie draait op lila met een gele knop, en dat zijn hun eigen merkkleuren.
   De pagina houdt dat vast, want dat is de goedkoopste vorm van herkenning die er is. */

/* Eén variabele letter, 27 kB, dekt gewicht 200 tot 800.
   BlocOut gebruikt dezelfde letter voor koppen en body. Dat scheelt een beslissing. */
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("fonts/plus-jakarta-sans-var.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --brand-ink:        #060B0B;   /* koppen. Hun bijna-zwart, geen #000. */
  --brand-ink-2:      #33393A;   /* bodytekst */
  --brand-ink-3:      #7C8384;   /* meta, datum, bijschriften */
  --brand-bg:         #FDFBF7;   /* off-white, hun paginakleur */
  --brand-bg-soft:    #FAF5EB;   /* crème. Aanbodband, garantie, FAQ. */
  --brand-bg-strong:  #060B0B;   /* voet */
  --brand-line:       #E5E0D6;

  --brand-accent:     #FBD24A;   /* de gele knop uit de advertentie */
  --brand-accent-2:   #E9BE2E;   /* bij aanwijzen */
  --brand-on-accent:  #060B0B;   /* zwarte tekst op geel. Wit haalt geen contrast. */

  --brand-quote-bg:   #F0DDFF;   /* het lila uit de advertentie, verzacht */
  --brand-quote-bar:  #060B0B;

  --brand-compare-bg: #F0DDFF;   /* de eigen kolom in de vergelijkingstabel */
  --brand-yes:        #1E7A4B;
  --brand-no:         #C0392B;
  --brand-star:       #00B67A;   /* Trustpilot-groen. Hun reviews staan daar. */

  --brand-font-head:  "Plus Jakarta Sans", "Helvetica Neue", Arial, sans-serif;
  --brand-font-body:  "Plus Jakarta Sans", "Helvetica Neue", Arial, sans-serif;
  --brand-radius:     10px;
}