/* ============================================================
   theme.css — centrale huisstijl voor pelletdeals.nl
   ------------------------------------------------------------
   ÉÉN bron van waarheid voor alle kleuren. Landing (index.html),
   merkpagina's (merken/) en aanbiederpagina's (aanbieders/) hangen
   hier alle drie aan. Wil je de site een andere kleur geven?
   Wijzig alleen de variabelen hieronder — de rest volgt automatisch.

   Huidig: warm oranje.  (Vorige blauw staat als comment onderaan.)
   ============================================================ */
:root {
  --c-primary:        #ea580c;  /* hoofdkleur: knoppen, prijzen, links       */
  --c-primary-fg:     #ffffff;  /* tekst óp de hoofdkleur                     */
  --c-primary-ink:    #c2410c;  /* donkere variant: tekst/links op licht     */
  --c-primary-bright: #fdba74;  /* lichte variant: accenten op donker        */
  --c-primary-soft:   #fff3e9;  /* zachte tint: badge-/highlight-achtergrond */
  --c-accent:         #1c1917;  /* warm bijna-zwart: nav, footer, shop-knop  */
  --c-accent-fg:      #f5f0ea;  /* tekst op accent                           */
  --c-surface:        #ffffff;  /* kaarten                                   */
  --c-bg:             #faf6f1;  /* warme off-white pagina-achtergrond        */
  --c-ink:            #1c1917;  /* hoofdtekst                                */
  --c-muted:          #78716c;  /* warm grijs: bijschriften                  */
  --c-border:         #ece3d8;  /* randen                                    */

  /* Hero-overlay: warm-donker floers over de pellets-foto */
  --hero-overlay-a:   rgba(28,25,23,.90);
  --hero-overlay-b:   rgba(28,25,23,.78);
  --hero-image:       url('https://images.pexels.com/photos/19757403/pexels-photo-19757403.jpeg?auto=compress&cs=tinysrgb&w=1600');
}

/* Herobalk met pellets-foto — gebruik: <section class="hero-bg ...">           */
.hero-bg {
  background: linear-gradient(var(--hero-overlay-a), var(--hero-overlay-b)),
              var(--hero-image) center/cover no-repeat;
}

/* ------------------------------------------------------------
   Vorig blauw palet (bewaard, plak terug om te reverten):
   --c-primary:#1e40af; --c-primary-ink:#1e3a8a; --c-primary-bright:#93c5fd;
   --c-primary-soft:#eaf0fc; --c-accent:#0f172a; --c-accent-fg:#e2e8f0;
   --c-bg:#f4f6fb; --c-ink:#0f172a; --c-muted:#64748b; --c-border:#dde3ee;
   --hero-overlay-a:rgba(23,37,84,.90); --hero-overlay-b:rgba(23,37,84,.78);
   ------------------------------------------------------------ */