/* TRKR brand theme for Tabler. Keep this separate from vendored Tabler assets. */
:root {
	--trkr-brand-green: #00a951;
	--trkr-brand-green-rgb: 0, 169, 81;
	--trkr-brand-green-surface: #008541;
	--trkr-brand-green-surface-rgb: 0, 133, 65;
	--trkr-brand-green-text: light-dark(#007a3b, #4fda94);
}

/* Preserve the legacy TRKRDB wordmark contrast across Tabler components:
 * TRKR is bold while the product/module suffix remains light. */
.trkr-wordmark { font-weight: 300; }
.trkr-wordmark strong { font-weight: 700; }

[data-bs-theme-primary="trkr"],
[data-theme-primary="trkr"] {
	--tblr-primary: var(--trkr-brand-green-surface);
	--tblr-primary-rgb: var(--trkr-brand-green-surface-rgb);
	--tblr-primary-fg: #fff;
	--tblr-primary-text-emphasis: var(--trkr-brand-green-text);
	--tblr-link-color-rgb: 0, 122, 59;
	--tblr-link-hover-color-rgb: 0, 94, 45;
}

[data-bs-theme="dark"][data-bs-theme-primary="trkr"],
[data-theme="dark"][data-theme-primary="trkr"] {
	--tblr-link-color-rgb: 79, 218, 148;
	--tblr-link-hover-color-rgb: 119, 231, 176;
}

/* Use the darker brand surface for controls and white text. Text-only treatments
 * use an accessible companion color appropriate to the active color mode. */
.text-primary,
.link-primary,
.bg-primary-lt {
	color: var(--trkr-brand-green-text) !important;
}

.btn-outline-primary,
.btn-outline.btn-primary,
.btn-ghost-primary,
.btn-ghost.btn-primary {
	--tblr-btn-color: var(--trkr-brand-green-text);
	--tblr-btn-disabled-color: var(--trkr-brand-green-text);
}

.trkr-navbar-primary {
	--tblr-navbar-color: #fff;
	--tblr-navbar-hover-color: #fff;
	--tblr-navbar-active-color: #fff;
	background-color: var(--trkr-brand-green-surface);
	color: #fff;
}

.trkr-navbar-primary :is(.navbar-brand, .nav-link, .breadcrumb-item, .breadcrumb-item a) {
	color: #fff;
}

.trkr-navbar-primary :is(.nav-link, .breadcrumb-item a):hover,
.trkr-navbar-primary :is(.nav-link, .breadcrumb-item a):focus {
	color: #fff;
}

.trkr-navbar-primary .text-secondary {
	color: #fff !important;
}