/*
	Soft light theme (16 Oct 2026): a calmer light mode, with
	less glare. The page ground is a warm off-white from the brand Earth
	(#EFE8E6) family, cards are warm paper rather than pure white and sit just
	above it, text is a soft Midnight rather than near-black.

	It IS light mode: html keeps .light and only gains .soft (body_theme.php adds
	it when the browser has dqhub-theme-soft = 1; the switch is in the user menu,
	toolbar.php, the Theme control). Loaded from head.php for everyone.
	Scoped to :not(.dark) so it can never mix with dark or Dim.

	The weak spot is pure white hard-coded in page CSS. Much of it is written as
	var(--kt-card-bg, #fff) / var(--kt-gray-200, #e5e7eb), which nothing else
	defines, so defining those here pulls those surfaces into the theme too.
*/
html.soft:not(.dark) {
	--background: oklch(94.6% 0.008 50);
	--foreground: oklch(31% 0.018 245);
	--card: oklch(98% 0.005 60);
	--card-foreground: oklch(31% 0.018 245);
	--popover: oklch(98.6% 0.004 60);
	--popover-foreground: oklch(31% 0.018 245);
	--secondary: oklch(92.6% 0.008 50);
	--secondary-foreground: oklch(45% 0.025 245);
	--muted: oklch(93.2% 0.008 50);
	--muted-foreground: oklch(58% 0.016 245);
	--accent: oklch(92.4% 0.009 50);
	--accent-foreground: oklch(24% 0.015 245);
	--border: oklch(89% 0.009 50);
	--input: oklch(87.5% 0.01 50);
	--ring: oklch(80% 0.012 50);

	/* The page CSS that hard-codes white behind these. */
	--kt-card-bg: var(--card);
	--tw-card-background: var(--card);
	--kt-gray-50: var(--muted);
	--kt-gray-100: var(--accent);
	--kt-gray-200: var(--border);
	--kt-gray-300: var(--input);
}

html.soft:not(.dark) body { background-color: var(--background); }
/* Tailwind's bg-white is a fixed white: read it as a card. */
html.soft:not(.dark) .bg-white { background-color: var(--card); }