/* CaniCo · kleiner kleurenpalet (19/10/2026)
   crème #f8f7ef (één tint, ook waar vroeger lichtgroen stond)
   wit #ffffff · bosgroen #4d6e3f (vlakken) · donkergroen #00493b (titels, logo) · oranje #ff751f (knoppen) met #b8500c (kleine tekst op licht) en #ffc49e (kleine tekst op donker)
   tekst #3a3a3a / #0e0e0e */
:root:root {
  --groen-licht: #f8f7ef;   /* was lichtgroen, nu dezelfde crème als de rest */
  --bosgroen: #4d6e3f;      /* bosgroen blijft: de natuurkleur voor grote vlakken */
  --groen: #4d6e3f;         /* vinkjes en randjes ook in bosgroen (was een lichter olijfgroen) */
}
/* vlakken die hun kleur rechtstreeks kregen */
.verhaal { background: var(--groen-licht) !important; }
.gk-review span { color: var(--groen-donker) !important; }
.werken .rij.uitgelicht { background: var(--groen-licht) !important; }
/* gedachtewolkjes op De CaniCode: wit in plaats van lichtgroen en perzik */
.wolk { background: #fff !important; }
/* geel notavakje: crème met een oranje randje */
.p-vraagvak { background: #fff !important; border-color: #ff751f !important; color: #3a3a3a !important; }
.p-vraagvak strong, .h-statement .p-vraagvak, .h-missie .p-vraagvak { color: #00493b !important; }

/* één warme roestrode accentkleur in plaats van fel oranje (test 19/10): knoppen, streepjes, sterren, V-cijfers */
:root:root { --oranje: #cc5a3a; --oranje-tekst: #b04a2e; }
.btn-primary, .nav-cta, .btn-oranje, a.btn-primary, button.btn-primary { background: #cc5a3a !important; border-color: #cc5a3a !important; }
.btn-primary:hover, .nav-cta:hover, .btn-oranje:hover { background: #b44a2d !important; border-color: #b44a2d !important; }
.section-eyebrow, .hero-eyebrow, .rij-sub, .klanten-label, .v-label { color: #b04a2e !important; }

/* hard gecodeerde oranjes omgezet naar de roestrode tint (automatisch overgenomen uit de stijlbladen) */
:root { --oranje: #cc5a3a !important; }
.nav-cta:hover { background: #b44a2d !important; }
.btn-primary:hover { background: #b44a2d !important; }
.btn-oranje:hover { background: #b44a2d !important; }
:root { --oranje-tekst: #b04a2e !important; }
.section-eyebrow, .hero-eyebrow, .rij-sub, .klanten-label, .v-label { color: #b04a2e !important; }
.som-uitkomst .som-sub { color: #b04a2e !important; }
.p-quote .p-review-kop { color: var(--oranje-tekst, #b04a2e) !important; }
.h-statement.licht .h-groot span { color: var(--oranje-tekst, #b04a2e) !important; }
.h-statement.licht .section-eyebrow { color: var(--oranje-tekst, #b04a2e) !important; }
.p-mininav a:hover { color: var(--oranje-tekst, #b04a2e) !important; }
.p-waaromnu .h-hs-label { color: var(--oranje-tekst, #b04a2e) !important; }
.p-gevoelens .p-gevoelens-slot { color: var(--oranje-tekst, #b04a2e) !important; }
.p-contrast-regel span { color: var(--oranje-tekst, #b04a2e) !important; }
.melding strong { color: var(--oranje-tekst, #b04a2e) !important; }
.p-binnenkort .h-kaart-label { color: var(--oranje-tekst, #b04a2e) !important; }
.melding { border-left: 6px solid #cc5a3a !important; }
.melding strong { color: #cc5a3a !important; }
.reviews-link span { color: #cc5a3a !important; }
.aanbod-later a { color: #cc5a3a !important; }
.gids-stapel .gs-label { color: var(--oranje-donker, #b04a2e) !important; }
.gk-review { border-left: 4px solid #cc5a3a !important; }
.elementor-kit-6 { --e-global-color-accent: #cc5a3a !important; --e-global-color-secondary: #4d6e3f !important; --e-global-color-groenlicht: #f8f7ef !important; }
/* op donkere en bosgroene vlakken een lichtere roesttint, zodat het leesbaar blijft */
.co-ticker-item .co, .hero-rrr-sub, .p-vol .hero-right-brand *:not(.hero-rrr-woord) { color: #f0a283 !important; }
/* logo met het kompas in roestrood (test; het originele logo blijft onaangeroerd) */
.nav-logo img { content: url(/wp-content/uploads/canico/logo-canico-roest.png); }
/* RESET-knop op De CaniCode: schaduw in donker roestrood i.p.v. het oude oranje */
.reset-knop { box-shadow: 0 6px 0 #9a3a22, 0 8px 16px rgba(0,0,0,.25) !important; }
