/*
	Brand tokens — De RouwKeuken
	============================
	Same token names as brand-kraamkeuken.css, sober palette: muted aubergine
	instead of green, warmer neutrals. Every value here is a placeholder until
	the brand colours are confirmed — swap the hex codes, nothing else.

	Contrast checked against white:
	  --dkk-green-dark   #6b5273  5.3:1  (buttons, headings on white)
	  --dkk-green-darker #5d4765  6.4:1  (links, hover)
	  --dkk-ink          #3a343d  11.4:1 (body text)
	  --dkk-ink-muted    #5f5866  6.4:1  (supporting text)

	The token names keep the `green` suffix on purpose: they are the shared
	theme's "primary / primary-dark / primary-darker" slots, and renaming them
	would touch every rule in theme.css for no visual gain.
*/

:root {
	/* Brand */
	--dkk-green: #b9a7c2;        /* soft aubergine — backgrounds, accents */
	--dkk-green-dark: #6b5273;   /* 5.3:1 on white — text and buttons     */
	--dkk-green-darker: #5d4765; /* 6.4:1 on white — links and hover      */
	--dkk-blue: #c9bfae;         /* warm sand — secondary accent          */
	--dkk-blue-dark: #6f6552;    /* 5.4:1 on white                        */

	/* Neutrals — a touch warmer than the KraamKeuken set */
	--dkk-ink: #3a343d;
	--dkk-ink-muted: #5f5866;
	--dkk-surface: #ffffff;
	--dkk-surface-alt: #f6f4f6;
	--dkk-border: #ded8e0;

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