/* 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(#0f766e, #14b8a6);
	--color-primary-light: #5eead4;
	--color-primary-dark: #0f766e;

	--color-surface-alt: #f0fdfa;

	--color-border: #ccfbf1;
	--color-outline: rgba(20, 184, 166, 0.55);
	--color-focus-ring: rgba(20, 184, 166, 0.30);

	--shadow-button: 0 2px 4px rgba(0, 0, 0, 0.05), 0 4px 10px rgba(20, 184, 166, 0.25);

	--border-subtle: 1px solid rgba(20, 184, 166, 0.12);
}