/* Aivio · het programma (www.aivio.vip). Zelfde basis als site.css, warmer licht. */
:root { --warm: #f2a65a; --warm-zacht: rgba(242, 166, 90, .14); --bg-2: #f7f2ea; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --bg-2: #17141a; --warm: #f5b672; } }
:root[data-theme="dark"] { --bg-2: #17141a; --warm: #f5b672; }

.hero.opening { background:
  radial-gradient(70% 60% at 78% 18%, rgba(242,166,90,.30) 0%, rgba(242,166,90,0) 60%),
  radial-gradient(90% 80% at 15% 90%, rgba(99,54,245,.40) 0%, rgba(99,54,245,0) 60%),
  #120e1c; }
.hero.opening .netwerk circle.groot { stroke: var(--warm); }
.hero.opening .netwerk line { stroke: rgba(255, 230, 205, .16); }
.hero .payoff { margin-top: 26px; font-size: clamp(18px, 2vw, 24px); font-weight: 700; letter-spacing: .02em; color: #fff; }
.hero .payoff span { color: var(--warm); }

.punt { background: radial-gradient(80% 90% at 85% 0%, rgba(242,166,90,.16) 0%, rgba(242,166,90,0) 55%), var(--dark); }
.punt .vraag em { color: var(--warm); }

.cirkel li::before { color: var(--warm); }
.reis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.reis li .vr { font-size: 13px; font-weight: 600; color: var(--ink); opacity: .7; }
@media (max-width: 900px) { .reis { grid-template-columns: 1fr; } }
.samen .nb { margin-top: 28px; font-size: 15px; color: var(--muted); }

.drie-woorden li b { font-size: clamp(26px, 3vw, 38px); letter-spacing: -.01em; }

.warm { background: radial-gradient(70% 80% at 50% 0%, rgba(242,166,90,.22) 0%, rgba(242,166,90,0) 60%), var(--dark); }
.warm .slot { color: #fff; }

.gereedschap a.ontdek { margin-top: 28px; color: var(--accent); }
.keuze h2 { max-width: 13em; }
.onder a { text-decoration: underline; text-underline-offset: 3px; }
footer .definitie { max-width: 46em; }
.samen .intro { margin-top: 20px; max-width: 40em; font-size: 19px; color: var(--muted); }
.samen.licht { background: var(--bg); }
.samen.licht .cirkel li { background: var(--bg-2); }
.acroniem b { color: var(--warm); }
@media (max-width: 760px) { .samen .intro { font-size: 17px; } }
