/* Vakantiehuis Toxopeus — TOKENS: de enige plek met kleuren en lettertypen.
   Wil je de huisstijl wijzigen (bijvoorbeeld in het voorjaar)? Pas dan alleen de waarden hieronder aan.
   Alles volgt mee: de CSS, de templates (nl/en/de), de iconen en de kaart (markers, routelijnen, legenda).
   Dit bestand laadt als eerste (snippets/meta.php). Overal elders staan alleen var(--c-…) en var(--f-…).

   Twee lagen:
   1. Palet (dit bestand): --c-<naam> = de kleuren zelf.
   2. Rollen (routes-ox.css, :root): --ox-* en --clr-* = welke paletkleur dient als achtergrond, tekst, accent enz.
      De laatste :root-regel in routes-ox.css wint (donkere variant + oranje accent). Wil je een rol anders invullen: pas die regel aan.
   Wit (#fff) en zwart in schaduwen staan bewust vast. De OpenStreetMap-kaartondergrond en de CTXR-balk (merk) volgen deze tokens niet.
   Lettertypen: wijzig je een familie, pas dan ook de Google Fonts-regel in snippets/meta.php aan. */
:root {
	/* Basis: de huisstijl (donker aubergine/taupe + crème) */
	--c-plum: #3e3239;
	--c-plum-2: #4a3d44;
	--c-plum-3: #5a4a52;
	--c-taupe: #6b5560;
	--c-taupe-2: #80656f;
	--c-taupe-3: #7d6770;
	--c-mauve: #9e8189;
	--c-rose: #c7a9a3;
	--c-rose-2: #d4b9b0;
	--c-sand: #e8d2c4;
	--c-sand-2: #d9c8bd;
	--c-sand-3: #d8c6bb;
	--c-cream: #f7efe7;
	--c-cream-2: #fdf3e7;
	--c-cream-3: #f9e3c8;

	/* Accent: oranje (knoppen, markers, iconen) en roest (kaartknoppen) */
	--c-orange: #d58432;
	--c-orange-2: #e99949;
	--c-orange-3: #f0a65a;
	--c-rust: #b85a1f;
	--c-rust-2: #a24f1c;
	--c-rust-3: #9a4f12;
	--c-rust-4: #a85c13;

	/* Overig: donkere tekst, lijnen, meldingen, kaart */
	--c-ink-deep: #2b2025;
	--c-olive: #343417;
	--c-olive-2: #3c3c28;
	--c-line-2: #cfcbb9;
	--c-line-3: #e8e4dc;
	--c-info: #2a7de1;
	--c-danger: #b3261e;
	--c-danger-bg: #fbe3dc;
	--c-ok: #8ed081;
	--c-node: #3a8a3a;
	--c-route: #d8742d;
	--c-sky: #3d6ea8;

	/* Restkleuren van de oude (groene) basisstijl in site.css: nog in gebruik voor plaatshouders achter foto's */
	--c-leaf: #2d6a4f;
	--c-leaf-2: #40916c;
	--c-leaf-dark: #1b3a2d;
	--c-leaf-dark-2: #1f4d36;
	--c-leaf-dark-3: #0f3024;
	--c-leaf-dark-4: #1b4332;
	--c-leaf-mid: #3a6b4a;
	--c-leaf-light: #b7e4c7;
	--c-leaf-pale: #d8f3dc;
	--c-moss: #8ab17d;
	--c-sage: #6ea688;
	--c-forest: #1b2a22;
	--c-forest-2: #141a16;
	--c-amber: #c97b3a;
	--c-amber-dark: #6b3814;
	--c-amber-light: #f0c79b;
	--c-amber-mid: #a45e2a;

	/* Lettertypen */
	--f-head: 'Urbanist', system-ui, sans-serif;   /* koppen, menu */
	--f-body: 'Montserrat', system-ui, -apple-system, sans-serif;   /* lopende tekst, knoppen, kaart */
	--f-cta: 'Open Sans', system-ui, sans-serif;   /* CTA-koppen */
}
