/*
	Brand tokens — De KraamKeuken
	=============================
	Loaded after theme.css, selected by the `brand` theme setting
	(user/env/<site>/config/themes/de-kraamkeuken.yaml).

	These values are identical to the defaults in theme.css, repeated here so
	the brand is stated in one obvious place rather than implied by whatever
	the shared file happens to contain.

	Contrast ratios are against white; keep any replacement at 4.5:1 or better
	for text and 3:1 for large text and UI borders.
*/

:root {
	/* Brand */
	--dkk-green: #98c593;
	--dkk-green-dark: #457a3d;   /* 5.1:1 on white — text and buttons */
	--dkk-green-darker: #3f7038; /* 5.9:1 on white — links and hover  */
	--dkk-blue: #9ac8e9;
	--dkk-blue-dark: #356f93;

	/* Neutrals */
	--dkk-ink: #39454b;
	--dkk-ink-muted: #5b6a71;
	--dkk-surface: #ffffff;
	--dkk-surface-alt: #f5f6f7;
	--dkk-border: #d8dcde;

	/* Browser UI colour, mirrored into <meta name="theme-color"> */
	--dkk-theme-color: #98c593;
}