/* Per-app visual identity — the accent palette. Loaded after css/variables.css,
   which derives all other accent shades (--color-primary-100..900, --border-accent,
   etc.) from --color-primary. Re-skinning is a one-line change: set --color-primary
   and everything below re-derives from it. */
:root {
	/* Muted-sage identity (2026-07 re-skin). --color-primary is the *action* sage —
	   deep enough that white text on filled buttons stays legible. Every other
	   accent token derives from it, so this is the single seed to change. */
	--color-primary: #548457;
	--color-primary-light: color-mix(in oklch, var(--color-primary) 40%, white);
	--color-primary-dark:  color-mix(in oklch, var(--color-primary) 75%, black);

	/* Overridden by general.css light-dark() at runtime; kept here for docs. */
	--color-surface-alt: #EFF4EC;
	--color-border: #DCE4D3;

	/* Translucent accents: the brand color at reduced alpha, derived from
	   --color-primary (fleet standard) so they track any re-skin. */
	--color-outline:    rgb(from var(--color-primary) r g b / 0.55);
	--color-focus-ring: rgb(from var(--color-primary) r g b / 0.30);

	--shadow-button: 0 2px 4px rgba(0, 0, 0, 0.05),
		0 6px 14px rgb(from var(--color-primary) r g b / 0.22);

	--border-subtle: 1px solid rgb(from var(--color-primary) r g b / 0.12);
}