/* 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(#d1410c, #fb7a45);

	/* Deliberate, separately-tuned accents (not a function of --color-primary). */
	--color-primary-light: #fdba74;
	--color-primary-dark: #9a3412;
	--color-surface-alt: #fff7ed;
	--color-border: #fed7aa;

	/* Translucent accents: the brand color at reduced alpha, derived from
	   --color-primary so they track any re-skin automatically. */
	--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);
}