/* Thema: lichte versie, themaknop en leeslijn. Lichte versie van de site. Donker blijft de standaard; deze regels gelden enkel als de bezoeker "licht" kiest
   met de knop in de bovenbalk (html[data-theme="light"], gezet door theme.js). Foto's en hun overlays blijven donker. */
:root[data-theme="light"]{
  --bg:#f7f3f1;
  --surface:#ffffff;
  --surface-deep:#efe8e6;
  --card:linear-gradient(145deg,#ffffff,#f5efed);
  --soft:#efe6e5;
  --line:#dccfd1;
  --ink:#2a2427;
  --muted:#62575c;
  --accent:#c23f4c;
  --accent-text:#a8323f;
  --accent-faint:rgba(194,63,76,.1);
  color-scheme:light;
}
:root[data-theme="light"] ::selection{background:#f2bf32;color:#2a2427}

/* Bovenbalk en onderkant */
[data-theme="light"] header{background:rgba(247,243,241,.92)}
[data-theme="light"] header nav>.nav-cta:hover{color:var(--accent-text)}
[data-theme="light"] footer{background:#efe8e6;color:#5a4f54}
[data-theme="light"] footer strong{color:#2a2427}

/* Kaarten en blokken */
[data-theme="light"] .ride-bar div:hover,[data-theme="light"] .group-grid article:hover{background:#fff}
[data-theme="light"] .group-grid article:hover,[data-theme="light"] .calendar-card:hover,[data-theme="light"] .gpx-card:hover,[data-theme="light"] .news-card:hover,[data-theme="light"] .album-card:hover{border-color:#c9a3a9}
[data-theme="light"] .registrations{background:linear-gradient(135deg,#f1e9e7,#ece3e1)}
[data-theme="light"] .sponsors{background:linear-gradient(130deg,#efe8e6,#f4eeec)}
[data-theme="light"] .member aside{background:repeating-linear-gradient(-35deg,#e4d6d8 0,#e4d6d8 1px,transparent 1px,transparent 12px)}
[data-theme="light"] .contact{background:linear-gradient(130deg,#f3e2e4,#f7f3f1);border-top-color:var(--line)}
[data-theme="light"] .contact a:hover{color:var(--accent-text)}
[data-theme="light"] .social-links a:hover,[data-theme="light"] .news-tabs a:hover,[data-theme="light"] .news-filters button:hover,[data-theme="light"] .album-back:hover{background:#f0e3e4;border-color:#c9a3a9}
[data-theme="light"] .cta-band{background:linear-gradient(130deg,#f3dfe2,#f7f3f1);border-color:var(--line)}
[data-theme="light"] .kit-overlay>p:not(.label){color:#d8d1d4}
[data-theme="light"] .events-calendar{background:linear-gradient(135deg,#f0e9e7,var(--bg))}
[data-theme="light"] .events-types article{background:#fff}
[data-theme="light"] .events-hero-art{background:linear-gradient(135deg,#f3e3e6,#efe8e6)}
[data-theme="light"] .button[disabled]{border-color:#b9aaaf;color:#7c6f74}

/* Goud als achtergrond: tekst blijft donker */
[data-theme="light"] .news-tabs a[aria-current="page"],[data-theme="light"] .news-filters button.is-selected,[data-theme="light"] .gpx-distance button.is-selected,[data-theme="light"] .gpx-distance button:hover{color:#2a2427}
[data-theme="light"] .news-pin,[data-theme="light"] .ride-bar div.is-today strong{color:#9a7300}

/* Nieuws en foto's */
[data-theme="light"] .news-image,[data-theme="light"] .album-cover,[data-theme="light"] .album-photo{background:#e9e1df}
[data-theme="light"] .news-more:hover,[data-theme="light"] .news-link:hover{color:var(--ink)}

/* Vensters (nieuws, inschrijven, route, cookies) */
[data-theme="light"] .news-dialog,[data-theme="light"] .registration-dialog,[data-theme="light"] .route-dialog,[data-theme="light"] .consent{background:#fff;color:#2a2427;border-color:var(--line);box-shadow:0 24px 70px rgba(60,40,45,.25)}
[data-theme="light"] .news-dialog::backdrop,[data-theme="light"] .registration-dialog::backdrop,[data-theme="light"] .route-dialog::backdrop{background:rgba(42,36,39,.45)}
[data-theme="light"] .news-dialog-text p,[data-theme="light"] .consent p,[data-theme="light"] .registration-intro,[data-theme="light"] .registration-dialog label{color:#4a4045}
[data-theme="light"] .registration-dialog input:not([type="checkbox"]):not([type="radio"]),[data-theme="light"] .registration-dialog textarea,[data-theme="light"] .registration-dialog select{background:#faf7f6;border-color:#cdbfc2;color:#2a2427}
[data-theme="light"] .form-status{color:#a8323f}
[data-theme="light"] .form-status.success{color:#2f7a45}

/* Routes */
[data-theme="light"] .gpx-stats dd,[data-theme="light"] .gpx-card-stats b,[data-theme="light"] .route-stats dd{color:#2a2427}
[data-theme="light"] .gpx-download{color:var(--accent-text)}
[data-theme="light"] .gpx-download:hover,[data-theme="light"] .gpx-download:hover small{color:#fff}
[data-theme="light"] .gpx-view{color:var(--ink)}
[data-theme="light"] .gpx-view:hover{background:#f0e3e4;border-color:#c9a3a9}
[data-theme="light"] .route-profile text{fill:#6d6166}
[data-theme="light"] .route-profile .grid{stroke:rgba(42,36,39,.1)}
[data-theme="light"] .route-profile .line{stroke:#c23f4c}
[data-theme="light"] .route-profile .dot{stroke:#fff}
[data-theme="light"] .route-readout,[data-theme="light"] .route-share-note span{color:#4a4045}

/* Weerbericht in de kaartjes van "Rij mee" */
[data-theme="light"] .rw-verdict.good{color:#2f7a45}
[data-theme="light"] .rw-verdict.ok{color:#9a7300}

/* Knop in de bovenbalk */
.theme-toggle{display:grid;flex:none;place-items:center;width:28px;height:28px;margin-left:6px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;transition:background-color var(--ease),border-color var(--ease)}
.theme-toggle:hover{background:var(--soft);border-color:var(--gold)}
@media(max-width:1100px){.nav-social .theme-toggle{width:25px;height:25px}}
@media(max-width:960px){.nav-social .theme-toggle{width:32px;height:32px;margin-left:auto}}
.theme-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.theme-toggle .sun{display:none}
[data-theme="light"] .theme-toggle .sun{display:block}
[data-theme="light"] .theme-toggle .moon{display:none}

/* Gekleurde leeslijn bovenaan: toont hoe ver je op de pagina bent */
.scroll-line{position:fixed;top:0;left:0;right:0;z-index:70;height:3px;background:linear-gradient(90deg,var(--accent),var(--gold));transform:scaleX(0);transform-origin:0 50%;pointer-events:none}

/* Routes: lichte kaart met donkere rasterlijnen */
[data-theme="light"] .gpx-hero-art{background:radial-gradient(circle at 30% 20%,#ffffff 0,#f3eaea 60%,#ece3e2 100%)}
[data-theme="light"] .gpx-hero-art::before,[data-theme="light"] .gpx-shape{background-image:linear-gradient(rgba(42,36,39,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(42,36,39,.06) 1px,transparent 1px)}
[data-theme="light"] .gpx-hero-art .art-0{stroke:#d9a514}
[data-theme="light"] .gpx-hero-art span{color:#9a7300}
[data-theme="light"] .gpx-shape{background-color:#f6f0ef}
[data-theme="light"] .gpx-shape path{stroke:#c23f4c}
[data-theme="light"] .gpx-shape circle{fill:#d9a514;stroke:#fff}
[data-theme="light"] .route-map{background:#ece3e2}
[data-theme="light"] .update-route svg{background:#f6f0ef}
[data-theme="light"] .update-route path{stroke:#c23f4c}