/* bootstrap-bindings.css — the ONLY place where --bs-* are defined.
	 Values must be preserved (UI 1:1).
	 Prefer referencing fx/legacy aliases over duplicating literals.
*/

:root {
	--bs-body-bg: var(--fx-bg);
	--bs-body-color: var(--fx-ink);

	--bs-primary: var(--fx-primary);
	--bs-primary-rgb: 224,122,63;

	--bs-secondary: var(--fx-secondary);

	/* State colors (single source: fx tokens) */
	--bs-success: var(--fx-ok);
	--bs-info: #5abde1;
	--bs-warning: var(--fx-warn);
	--bs-danger: var(--fx-err);

	/* Borders, links, headings */
	--bs-border-color: var(--fx-border);
	--bs-link-color: var(--bs-primary);
	--bs-link-color: color-mix(in srgb, var(--bs-primary) 92%, black);
	--bs-link-hover-color: var(--bs-primary);
	--bs-link-hover-color: color-mix(in srgb, var(--bs-primary) 80%, black);
	--bs-heading-color: var(--ink);

	/* Surfaces */
	--bs-card-bg: var(--surface);
	--bs-card-color: var(--ink);
	--bs-card-border-color: var(--line);

	/* Navbar & dropdown (kept as in legacy bindings, but via aliases) */
	--bs-navbar-bg: var(--ink);
	--bs-navbar-color: var(--surface);
	--bs-navbar-hover-color: var(--primary-hover);
	--bs-navbar-brand-color: var(--surface);

	--bs-dropdown-bg: var(--surface);
	--bs-dropdown-color: var(--ink);
	--bs-dropdown-link-hover-bg: var(--surface);
	--bs-dropdown-link-hover-bg: color-mix(in srgb, var(--surface), black 5%);
}