:root{
	--k-primary: #b80047;
	--k-primary-rgb: 184, 0, 71;
	--k-primary-dark: #97003a;
	--k-primary-light: #f6e0e9;
	--k-primary-lighter: #fbf0f4;
	--k-primary-text: #b80047;   /* the brand as a text colour (links, active tab): lighter in the dark theme */

	/* neutrals: plain cool greys, the same for every tenant */
	--k-neutral-50: #f8f9fa;
	--k-neutral-100: #f1f3f5;
	--k-neutral-200: #e9ecef;
	--k-neutral-300: #dee2e6;
	--k-neutral-400: #ced4da;
	--k-neutral-500: #adb5bd;
	--k-neutral-600: #6c757d;
	--k-neutral-700: #495057;
	--k-neutral-800: #343a40;
	--k-neutral-900: #212529;

	/* roles (use these, not the scale) */
	--k-ink: var(--k-neutral-900);            /* values, titles */
	--k-ink-2: var(--k-neutral-700);          /* labels */
	--k-ink-3: var(--k-neutral-600);          /* hints, secondary text */
	--k-line: var(--k-neutral-200);           /* row dividers */
	--k-line-strong: var(--k-neutral-300);    /* section and table header borders */
	--k-field-border: var(--k-neutral-400);
	--k-field-border-hover: var(--k-neutral-500);
	--k-surface-sunken: var(--k-neutral-100); /* table headers, totals */
	--k-surface-hover: var(--k-neutral-50);   /* row under the mouse */

	/* semantic colours: -bg / -border / -fg go together (soft labels, alerts) */
	--k-success: #278647;
	--k-success-bg: #edfaf1;
	--k-success-border: #b8eac9;
	--k-success-fg: #22773e;
	--k-warning: #a56609;
	--k-warning-bg: #fdf5ea;
	--k-warning-border: #edd7b6;
	--k-warning-fg: #915a08;
	--k-danger: #bf2722;
	--k-danger-bg: #fceceb;
	--k-danger-border: #edb7b6;
	--k-danger-fg: #931e1a;
	--k-info: #2266bf;
	--k-info-bg: #ebf2fc;
	--k-info-border: #b6cded;
	--k-info-fg: #1a4f93;
	--k-ready: #1d7c87;
	--k-ready-bg: #ecf9fb;
	--k-ready-border: #b6e7ed;
	--k-ready-fg: #1b747e;

	/* keyboard focus and the "current row" tint */
	--k-focus: #2266bf;
	--k-focus-ring: rgba(34, 102, 191, .25);
	--k-highlight: rgba(34, 102, 191, .08);

	--bs-primary: #b80047;
	--bs-primary-rgb: 184, 0, 71;
	--bs-primary-text-emphasis: #840033;
	--bs-primary-bg-subtle: #fbf0f4;
	--bs-primary-border-subtle: #f6e0e9;
	--bs-link-color: #b80047;
	--bs-link-color-rgb: 184, 0, 71;
	--bs-link-hover-color: #97003a;
	--bs-link-hover-color-rgb: 151, 0, 58;
	--bs-focus-ring-color: rgba(184, 0, 71, .25);
}

/* dark theme: the same role tokens on dark greys (see $neutral_dark above) */
:root[data-theme="dark"]{
	color-scheme: dark;
	--k-neutral-50: #24282d;
	--k-neutral-100: #2a2f35;
	--k-neutral-200: #141619;
	--k-neutral-300: #3a4047;
	--k-neutral-400: #4a515a;
	--k-neutral-500: #6b737d;
	--k-neutral-600: #9aa3ad;
	--k-neutral-700: #c3c9d0;
	--k-neutral-800: #dde1e6;
	--k-neutral-900: #eef1f4;
	--k-paper: #1c1f23;
	--k-success-bg: #1c3b26;
	--k-success-border: #356e48;
	--k-success-fg: #a2ebbb;
	--k-warning-bg: #3b2e1c;
	--k-warning-border: #6e5735;
	--k-warning-fg: #ebcea2;
	--k-danger-bg: #3b1d1c;
	--k-danger-border: #6e3735;
	--k-danger-fg: #eba5a2;
	--k-info-bg: #1c293b;
	--k-info-border: #354e6e;
	--k-info-fg: #a2c2eb;
	--k-ready-bg: #1c373b;
	--k-ready-border: #35686e;
	--k-ready-fg: #a2e4eb;
	--k-primary-light: rgba(184, 0, 71, .28);
	--k-primary-lighter: rgba(184, 0, 71, .16);
	--k-highlight: rgba(34, 102, 191, .16);
	--k-tooltip-bg: rgba(238, 241, 244, .95);
	--k-tooltip-fg: #1c1f23;
	--k-success-note: #1f8a3c;   /* the tick of a "Saved" note on the light note */
	--k-primary-text: #d66b94;
	--bs-link-color: #d66b94;
	--bs-link-color-rgb: 214, 107, 148;
	--bs-link-hover-color: #e399b5;
	--bs-primary-text-emphasis: #d66b94;
	--bs-primary-bg-subtle: rgba(184, 0, 71, .16);
	--bs-primary-border-subtle: rgba(184, 0, 71, .4);
	--k-shadow-1: 0 1px 2px rgba(0,0,0,.4);
	--k-shadow-4: 0 2px 6px rgba(0,0,0,.5);
}

.btn-primary{
	--bs-btn-bg: #b80047;
	--bs-btn-border-color: #b80047;
	--bs-btn-hover-bg: #97003a;
	--bs-btn-hover-border-color: #97003a;
	--bs-btn-focus-shadow-rgb: 184, 0, 71;
	--bs-btn-active-bg: #840033;
	--bs-btn-active-border-color: #840033;
	--bs-btn-disabled-bg: #b80047;
	--bs-btn-disabled-border-color: #b80047;
}
.btn-outline-primary{
	--bs-btn-color: #b80047;
	--bs-btn-border-color: rgba(184, 0, 71, .5);
	--bs-btn-hover-color: #b80047;
	--bs-btn-hover-bg: rgba(184, 0, 71, .06);
	--bs-btn-hover-border-color: #b80047;
	--bs-btn-focus-shadow-rgb: 184, 0, 71;
	--bs-btn-active-color: #b80047;
	--bs-btn-active-bg: rgba(184, 0, 71, .12);
	--bs-btn-active-border-color: #b80047;
	--bs-btn-disabled-color: #b80047;
	--bs-btn-disabled-border-color: rgba(184, 0, 71, .5);
}
.btn-link{
	--bs-btn-color: #b80047;
	--bs-btn-hover-color: #97003a;
	--bs-btn-active-color: #840033;
}
.pagination{
	--bs-pagination-color: #b80047;
	--bs-pagination-hover-color: #97003a;
	--bs-pagination-focus-color: #97003a;
	--bs-pagination-focus-box-shadow: 0 0 0 .2rem rgba(184, 0, 71, .25);
	--bs-pagination-active-bg: #b80047;
	--bs-pagination-active-border-color: #b80047;
}
.nav-pills{
	--bs-nav-pills-link-active-bg: #b80047;
}
.nav{
	--bs-nav-link-color: #b80047;
	--bs-nav-link-hover-color: #97003a;
}
.dropdown-menu{
	--bs-dropdown-link-active-bg: #b80047;
}
.list-group{
	--bs-list-group-active-bg: #b80047;
	--bs-list-group-active-border-color: #b80047;
}
.progress, .progress-stacked{
	--bs-progress-bar-bg: #b80047;
}
.accordion{
	--bs-accordion-active-color: #840033;
	--bs-accordion-active-bg: #fbf0f4;
	--bs-accordion-btn-focus-box-shadow: 0 0 0 .2rem rgba(184, 0, 71, .25);
}
.form-control:focus, .form-select:focus, .form-check-input:focus{
	border-color: #b80047;
	box-shadow: 0 0 0 .2rem rgba(184, 0, 71, .2);
}
.form-check-input:checked{
	background-color: #b80047;
	border-color: #b80047;
}
.form-switch .form-check-input:focus{
	--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(184%2C%200%2C%2071, .5)'/%3e%3c/svg%3e");
}
.form-range::-webkit-slider-thumb{ background-color: #b80047; }
.form-range::-moz-range-thumb{ background-color: #b80047; }
.text-bg-primary{ background-color: #b80047 !important; }
