/* 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: #0d9488;        /* teal 600 */
	--color-primary-light: #5eead4;  /* teal 300 */
	--color-primary-dark: #134e4a;   /* teal 900 */

	--color-surface-alt: #effcfb;

	--color-border: #cbfbf1;
	--color-outline: rgba(13, 148, 136, 0.55);
	--color-focus-ring: rgba(13, 148, 136, 0.30);

	--shadow-button: 0 2px 4px rgba(0, 0, 0, 0.05), 0 4px 10px rgba(13, 148, 136, 0.25);

	--border-subtle: 1px solid rgba(13, 148, 136, 0.12);
}