/* 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. Change these to re-skin this app. */
:root {
	--color-primary: light-dark(#16a34a, #22c55e);
	--color-primary-light: #86efac;
	--color-primary-dark: #14532d;

	--color-surface-alt: #f0fdf4;

	--color-border: #d1fae5;

	/* 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 4px 10px rgb(from var(--color-primary) r g b / 0.25);

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