/* Wintersportplek: dezelfde stijl en componenten als Groepsplek (stijl.css, uit site/statisch), met eigen kleuren.
   Alleen tokens: winterblauw met een warm oranje accent (de kleur van een skijas). Licht en donker. */
:root {
  --achter: #f5f8fc; --vlak: #ffffff; --vlak-zacht: #e8eff7; --inkt: #0f1c2b; --inkt-zacht: #475a6e;
  --hoofd: #1b5aa0; --hoofd-diep: #0d2c52; --accent: #f0a44b; --accent-zacht: #fde5c8; --rand: #d8e2ed;
  --schaduw: 0 1px 2px rgba(15, 28, 43, 0.06), 0 8px 24px rgba(15, 28, 43, 0.08);
  --sneeuw: #ffffff; --stap-tekst: #ffffff;
}
@media (prefers-color-scheme: dark) {
  :root {
    --achter: #0b1420; --vlak: #121f2f; --vlak-zacht: #18293d; --inkt: #edf3f9; --inkt-zacht: #a4b5c8;
    --hoofd: #8ec3ff; --hoofd-diep: #0b2240; --accent: #f3b062; --accent-zacht: #3a2a15; --rand: #233850;
    --schaduw: 0 1px 2px rgba(0, 0, 0, 0.3), 0 8px 24px rgba(0, 0, 0, 0.35);
    --sneeuw: #dce9f7; --stap-tekst: #0b2240;
  }
}

/* De nummers van de stappen: in donker een lichte cirkel, dus donkere cijfers */
.stappen li::before { color: var(--stap-tekst); }

/* Het beeld in de held: een berg met sneeuw (alleen vlakken, geen foto) */
.berg-beeld { display: grid; place-items: center; }
.berg-beeld svg { width: min(460px, 100%); height: auto; }
.berg-lucht { fill: var(--vlak-zacht); }
.berg-ver { fill: var(--rand); }
.berg-voor { fill: var(--hoofd); }
.berg-sneeuw { fill: var(--sneeuw); }
.berg-zon { fill: var(--accent); }