/*
 * catalog-web's brand accent, distinct from the shared design system's default teal - overrides
 * --color-accent for this app only (avatar-menu badge, links, primary buttons, etc.).
 * Dark-mode gets its own lighter value: main.css's [data-theme="dark"] block never touches
 * --color-accent (its own default has enough contrast on dark backgrounds already), but a
 * per-app override that's this dark to begin with needs an explicit lighter counterpart or it's
 * unreadable against the dark theme's near-black background.
 */
:root {
	--color-accent: #108000;
}
[data-theme="dark"] {
	--color-accent: #4ade80;
}

.page h1,
.page h2 {
	color: var(--color-accent);
}

/* catalog-web doesn't use the shared design system's divider line under the top nav. */
.nav {
	border-bottom: none;
}