:root{
  /* Vedipaint-palet: warm amber #F2A007 (2026-09-21, beslissing Dirk: het oude mosterdgoud #C9A400 oogde somber) + magenta-accent uit het logo. Variabelenamen bewust behouden (zelfde skelet als vedicare.be / vediworx.be). */
  --ink:#1C1A12; --green:#F2A007; --green-dark:#9A6206; --green-light:#FEF1DE; --magenta:#C4189A;
  --sage:#FCE9CE; --sage-border:#F0CFA0; --sage-muted:#6E5B3C; --forest:#36291A;
  --cream:#F8F5EA; --cream-border:#E8E2CC; --cream-muted:#6B665A; --page:#FCFBF6;
  --vedinet:#5CAD33; --vedipaint:#F2A007; --vediworks:#E8731A; --vedicare:#067CD2;
  --display:'Archivo','Arial Narrow',system-ui,sans-serif;
  /* skeletvariabelen (zie kop van vedi-skelet.css) */
  --accent:#FFBE5C; --accent-pale:#FFE6C4; --on-dark:#EBDCC2; --on-dark-muted:#BCA786;
  --hero-bg:#2A1F10;
  --hero-shade:linear-gradient(90deg,rgba(24,21,16,.62) 0%,rgba(24,21,16,.40) 34%,rgba(24,21,16,.16) 66%,rgba(24,21,16,.04) 100%);
  --banner-bg:linear-gradient(90deg,rgba(255,190,92,.96),rgba(246,163,20,.93));
  --side-bg:linear-gradient(180deg,#3A3025,#1E1810);
  --ctaband-bg:linear-gradient(90deg,#36291A 0%,#B4700A 62%,#36291A 62%);
  --leaf-filter:invert(.55) sepia(1) saturate(6) hue-rotate(8deg); --shadow-rgb:54,41,26;
}

/* ===== Vedipaint-specifiek ===== */
/* Geel is licht: knoppen en tellers krijgen donkere tekst voor leesbaarheid. */
.btn{color:var(--ink)}
.btn:hover{color:#fff}
.banner .btn,.banner-btn,.ctab-btn{color:var(--ink)}
.banner-btn:hover,.ctab-btn:hover{background:#fff;color:var(--ink)}
.step::before{color:var(--ink)}
.side h4{border-bottom-color:var(--accent)}
.ghero .kicker::after{background:var(--accent)}
.side .all,.side .sa{color:var(--accent)}
.ba .handle::after{color:var(--ink)}
.soc svg{stroke:var(--ink)}
.fscript{color:var(--green-dark)}
.portal li::before{color:var(--accent)}

.premie .box li::before{color:var(--green-dark)}

/* Hero 2026-09-21: lichte overlay zodat het witte huis zichtbaar blijft; de tekst krijgt
   daarom een eigen schaduw i.p.v. een donkere waas over de hele foto. Banner in helder goud
   met donkere tekst (levendiger dan het olijfgroene blok), zijpaneel neutraal donker i.p.v.
   olijfbruin. Merk-specifiek: het skelet en de andere sites zijn niet geraakt. */
.banner strong,.banner span{color:var(--ink)}
.banner{border-color:rgba(28,26,18,.16)}
.banner .bi{background:rgba(28,26,18,.10)}
.banner .bi svg{stroke:var(--ink)}
.ghero h1,.ghero .tg,.ghero .lead,.ghero .kicker,.ghero .script{
  text-shadow:0 2px 16px rgba(18,16,12,.65),0 1px 3px rgba(18,16,12,.5)}