/*
 * Sip: olijfgroen als tweede accentkleur naast wijnrood, perzik en bruin.
 * --olive       #6f7f2e  de gekozen olijf, voor vlakken met grote tekst
 * --olive-deep  #627029  iets dieper, crème tekst erop haalt WCAG AA (4,7:1)
 * --olive-ink   #4e5a1f  voor olijf als tekstkleur op crème/perzik
 * --olive-light #abc059  voor stipjes op donker wijnrood ("open")
 */
:root {
	--olive: #6f7f2e;
	--olive-deep: #627029;
	--olive-ink: #4e5a1f;
	--olive-light: #abc059;
}

/* Alle pagina's: de schuine kopjes boven secties ("wie we zijn", "ontdek Sip", ...). */
.kop { color: var(--olive-ink); }

/* Home: onderste marquee-band in olijf. */
.mq-row.alt { background: var(--olive); color: var(--cream); }
.mq-row.alt span i { background: var(--peach); }

/* Home: "vandaag open"-stip groen, met bijpassende puls. */
.today .dot { background: var(--olive-light); animation-name: sip-pulse-olijf; }
@keyframes sip-pulse-olijf {
	0% { box-shadow: 0 0 0 0 rgba(171, 192, 89, .6); }
	100% { box-shadow: 0 0 0 14px rgba(171, 192, 89, 0); }
}

/* Home: "tik voor de volgende" op de fotostapel. */
.stack-hint { background: var(--olive-deep); color: var(--cream); }

/* Over Sip: jaartal-label op de foto. */
.year { background: var(--olive-deep); color: var(--cream); }

/* Menu: de band "koud" (fris en om te delen) in olijf. */
.band.b-koud { --bg: var(--olive-deep); --fg: var(--cream); --acc: var(--peach); }
.band.b-koud .item:hover,
.band.b-koud .item.on { background: rgba(247, 237, 221, .1); }
.band.b-koud .qty { background: rgba(247, 237, 221, .12); }