/*
 * Design tokens — loades før global.css på frontend og i Min Plads wp-admin.
 * Hex-værdier spejler stowly_design_tokens() i php/design-tokens.php.
 * Ved rebrand: opdater BEGGE steder.
 */
:root {
	--stowly-color-primary: #006a69;
	--stowly-color-primary-hover: #00524f;
	--stowly-color-primary-soft: #e6f2f1;
	--stowly-color-primary-strong: #00413f;
	--stowly-color-primary-deep: #00827c;
	--stowly-color-primary-rgb: 0, 106, 105;
	--stowly-color-accent: #006a69;
	--stowly-gradient-primary: linear-gradient(
		135deg,
		var(--stowly-color-primary) 0%,
		var(--stowly-color-primary-hover) 55%,
		var(--stowly-color-primary-deep) 100%
	);
	--stowly-color-ink: #222222;
	--stowly-color-ink-soft: #6a6a6a;
	--stowly-color-ink-muted: #9a9a9a;
	--stowly-color-line: #ebebeb;
	--stowly-color-line-strong: #dddddd;
	--stowly-color-surface: #ffffff;
	--stowly-color-surface-soft: #f7f7f7;
	--stowly-color-surface-muted: #f2f2f2;
	--stowly-color-surface-2: #f6f3ec;
	--stowly-color-bg: #ffffff;
	--stowly-color-page: #f7f4ee;
	--stowly-color-danger: #c13515;
	--stowly-color-danger-soft: #fff5f3;
	--stowly-color-success: #008a05;
	--stowly-color-success-soft: #eef8ef;
	--stowly-color-warning: #8a6200;
	--stowly-color-warning-soft: #fff8e7;
	--stowly-color-info: var(--stowly-color-primary);
	--stowly-color-info-soft: var(--stowly-color-primary-soft);
	--stowly-color-info-strong: var(--stowly-color-primary-hover);
	--stowly-color-map-water: #c8dcf0;
	--stowly-shadow-primary-sm: 0 4px 12px rgba(var(--stowly-color-primary-rgb), 0.25);
	--stowly-shadow-primary-md: 0 6px 18px rgba(var(--stowly-color-primary-rgb), 0.28);
	--stowly-shadow-primary-lg: 0 10px 24px rgba(var(--stowly-color-primary-rgb), 0.35);
}