/*
 * DAligners design tokens — sourced from the client Figma design.
 * Loaded after the vendored Annex CSS to apply brand colors only, on top of
 * the Annex layout, without altering its structure, typography, or components.
 */
:root {
	--color-primary: #0B6F70;
	--color-secondary: #00A8B5;
	--color-accent: #A7C600;
	--color-dark: #111111;
	--color-white: #FFFFFF;
	--color-light-gray: #F5F7F8;
	--color-border: #E4E7EB;
	--color-heading: #1F2937;
	--color-body: #6B7280;
	--color-success: #22C55E;

	/* Scoped to .btn-primary only — the rest of the palette above is unchanged. */
	--color-button-primary: #9AAF00;
	--color-button-primary-hover: #839500;
}

/*
 * Brand color overrides for the vendored Annex Bootstrap components only.
 * .btn-danger is left untouched: it signals a destructive/error action
 * (e.g. Reject), which is a semantic meaning independent of brand color.
 */
.btn-primary {
	background-color: var(--color-button-primary);
	border-color: var(--color-button-primary);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
	background-color: var(--color-button-primary-hover);
	border-color: var(--color-button-primary-hover);
}

.btn-success,
.bg-success {
	background-color: var(--color-success);
	border-color: var(--color-success);
}

.text-primary {
	color: var(--color-primary) !important;
}

a {
	color: var(--color-primary);
}

a:hover {
	color: var(--color-secondary);
}