/* Merkskins. data-label zet alleen het accent; data-brand zet de hele huid van een pagina.
   Outdoor Valley en Wintersport delen dezelfde lichte huid; Sports is de stoere variant. */

[data-brand="valley"] {
  --accent: var(--ov-orange);
  --accent-ink: var(--ov-orange-ink);
  --accent-on: var(--ov-navy);
  --accent-soft: var(--ov-orange);
}

/* Wintersport — zelfde opbouw als Outdoor Valley, maar koeler: de grond trekt naar
   blauw-wit ijs, het anker naar diep nachtblauw, hoeken iets zachter. Geen ander systeem. */
[data-brand="wintersport"] {
  --accent: var(--ov-piste);
  --accent-ink: var(--ov-piste-ink);
  --accent-on: var(--ov-cream);
  --accent-soft: var(--ov-piste-soft);

  --surface-page: #f2f5f6;
  --surface-panel: #e2eaed;
  --surface-anchor: #16303c;
  --surface-anchor-deep: #1f4353;

  --text-body: #16303c;
  --text-muted: rgba(22, 48, 60, 0.72);
  --border-hairline: rgba(22, 48, 60, 0.14);
  --border-strong: rgba(22, 48, 60, 0.42);

  --radius-lg: 20px;
  --radius-xl: 26px;

  --slant-angle: -4deg;
  --slant-angle-card: -6deg;

  --shadow-md: 0 1px 0 rgba(22, 48, 60, 0.08), 0 10px 26px rgba(22, 48, 60, 0.14);
  --shadow-lg: 0 24px 60px rgba(22, 48, 60, 0.26);
}

/* Kickers bij Wintersport staan in de accentkleur. */
[data-brand="wintersport"] .ov-kicker {
  color: var(--ov-piste-ink);
  opacity: 1;
  letter-spacing: 0.08em;
}

/* Wintersport zet de kop zwaarder: krappe regelval en een ijslijn eronder. */
[data-brand="wintersport"] .h-hero,
[data-brand="wintersport"] .h-page {
  letter-spacing: 0.01em;
  line-height: 0.98;
}
[data-brand="wintersport"] .h-sec::after {
  content: "";
  display: block;
  width: 2.5rem;
  height: 4px;
  margin-top: var(--space-2);
  border-radius: 999px;
  background: var(--accent);
}

/* Sports — fitnessclub in de buitenlucht: donkere huid, limoen, hardere hoeken,
   koppen in kapitalen met krappe regelval. Zelfde tokens, andere waarden. */
[data-brand="sports"] {
  --ov-ink: #0d151c;

  --accent: var(--ov-lime);
  --accent-ink: var(--ov-lime-ink);
  --accent-on: #0d151c;
  --accent-soft: var(--ov-lime);

  --surface-page: #0d151c;
  --surface-panel: #16222c;
  --surface-anchor: #060c11;
  --surface-anchor-deep: #16222c;

  --text-body: var(--ov-cream);
  --text-muted: rgba(244, 242, 236, 0.68);
  --text-invert: var(--ov-cream);
  --text-invert-muted: rgba(244, 242, 236, 0.6);

  --border-hairline: rgba(244, 242, 236, 0.16);
  --border-strong: rgba(244, 242, 236, 0.45);
  --border-invert: rgba(244, 242, 236, 0.4);

  --radius-sm: 3px;
  --radius-md: 5px;
  --radius-lg: 6px;
  --radius-xl: 8px;

  --shadow-sm: none;
  --shadow-md: 0 0 0 1px rgba(244, 242, 236, 0.1);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.5);

  --slant-angle: -1.5deg;
  --slant-angle-card: -4deg;
}

/* Kapitalen zijn huisstijl (site.css). Sports zet ze alleen krapper en wijder gespatieerd. */
[data-brand="sports"] h1,
[data-brand="sports"] h2,
[data-brand="sports"] h3,
[data-brand="sports"] .ov-display {
  letter-spacing: 0.02em;
  line-height: 0.98;
}

[data-brand="sports"] .ov-kicker {
  color: var(--accent);
  opacity: 1;
  letter-spacing: 0.12em;
}

/* Knoppen zijn hier hoekig en breed, niet pill. */
[data-brand="sports"] .ov-pill {
  border-radius: var(--radius-sm);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}