/*-----------------------------------------------------------------------------
 * Color System CSS - Sagentic LLC
 * GENERATED by includes/brand/brand-colors.php on 2026-10-25 18:00. Do not hand-edit:
 * change the palette and re-run (--rebuild re-runs the saved one). Hand-written color work
 * goes in css/custom.css.
 *
 *   primary     #e41645   hover #b61237  light #f82a59  light-hover #ff3e6d
 *   secondary   #292929   hover #212121  light #3d3d3d  light-hover #515151
 *   tertiary    #e6adba   hover #b88a95  light #fac1ce  light-hover #ffd5e2
 *   quaternary  #999999   hover #7a7a7a  light #adadad  light-hover #c1c1c1
 *   quinary     #c14595   hover #9a3777  light #d559a9  light-hover #e96dbd
 *   senary      #753627   hover #5e2b1f  light #894a3b  light-hover #9d5e4f
 *
 *   jobs: brand = secondary, brand-title = tertiary, brand-accent = primary
 *---------------------------------------------------------------------------*/

/* Color Variables
 *---------------------------------------------------------------------------*/
:root {

	--yellow: #fcb040;
	--yellow-hover: #e09424;
	--yellow-light: #ffc45a;
	--yellow-light-hover: #ffd874;

	--silver: #afb7ba;
	--silver-hover: #939b9e;
	--silver-light: #c3cbce;
	--silver-light-hover: #d7dfe2;

	--red: #c51230;
	--red-hover: #a30e28;
	--red-light: #d9324a;
	--red-light-hover: #ed5264;

	--gold: #9e8938;
	--gold-hover: #826d2c;
	--gold-light: #b29d4c;
	--gold-light-hover: #c6b160;

	--blue: #012b5d;
	--blue-hover: #001f45;
	--blue-light: #1b3f71;
	--blue-light-hover: #355385;

	--accessibility-blue: #006da3;
	--accessibility-blue-hover: #005580;
	--accessibility-blue-light: #1a7fb3;
	--accessibility-blue-light-hover: #3491c7;

	/* Outline-button text steps. An outline button paints its token as TEXT on
	 * the white card, where these nine families fall below 4.5:1. Each value below
	 * keeps the family's hue and saturation and lowers only lightness, so the brand
	 * color is unchanged -- the solid fill on hover still uses the base token.
	 * See /home/sagedash/.guides/dashboard-design-standard.md section 5.3. */
	--gold-outline: #877530;
	--gold-light-outline: #867639;
	--yellow-outline: #aa6603;
	--yellow-light-outline: #a56a00;
	--silver-outline: #6c787d;
	--silver-light-outline: #687980;

	/* Function colors (standard section 4). Reserved meanings -- never repaint. */
	--hyperlink: #0d6efd;             /* leaves this dashboard */
	--hyperlink-hover: #0a58ca;
	--warning-outline: #967000;       /* temp / dev target, as text on white */

	/* Used 7x in custom.css (social icons, .faq-lead) but never defined, so every
	 * one of those rules was silently invalid. #212529 is Bootstrap's own dark. */
	--black: #212529;
	--black-hover: #000000;

	/* Palette roles (generated) */
	--primary: #e41645;
	--primary-hover: #b61237;
	--primary-light: #f82a59;
	--primary-light-hover: #ff3e6d;
	--primary-light-outline: #ec083c;    /* readable as text on white */

	--secondary: #292929;
	--secondary-hover: #212121;
	--secondary-light: #3d3d3d;
	--secondary-light-hover: #515151;

	--tertiary: #e6adba;
	--tertiary-hover: #b88a95;
	--tertiary-light: #fac1ce;
	--tertiary-light-hover: #ffd5e2;
	--tertiary-outline: #c84b68;          /* readable as text on white */
	--tertiary-light-outline: #e91344;    /* readable as text on white */

	--quaternary: #999999;
	--quaternary-hover: #7a7a7a;
	--quaternary-light: #adadad;
	--quaternary-light-hover: #c1c1c1;
	--quaternary-outline: #767676;          /* readable as text on white */
	--quaternary-light-outline: #767676;    /* readable as text on white */

	--quinary: #c14595;
	--quinary-hover: #9a3777;
	--quinary-light: #d559a9;
	--quinary-light-hover: #e96dbd;
	--quinary-light-outline: #cd3a99;    /* readable as text on white */

	--senary: #753627;
	--senary-hover: #5e2b1f;
	--senary-light: #894a3b;
	--senary-light-hover: #9d5e4f;

	/* Jobs (generated) - templates use these, never a role. See the file header. */
	--brand: var(--secondary);
	--brand-hover: var(--secondary-hover);
	--brand-light: var(--secondary-light);
	--brand-light-hover: var(--secondary-light-hover);

	--brand-title: var(--tertiary);
	--brand-title-hover: var(--tertiary-hover);
	--brand-title-light: var(--tertiary-light);
	--brand-title-light-hover: var(--tertiary-light-hover);
	--brand-title-outline: var(--tertiary-outline);
	--brand-title-light-outline: var(--tertiary-light-outline);

	--brand-accent: var(--primary);
	--brand-accent-hover: var(--primary-hover);
	--brand-accent-light: var(--primary-light);
	--brand-accent-light-hover: var(--primary-light-hover);
	--brand-accent-light-outline: var(--primary-light-outline);
}

/*-----------------------------------------------------------------------------
 * Buttons
 *---------------------------------------------------------------------------*/

/* Default Button Structure */
[class*="btn-"] {
	display: inline-block;
	padding: 0.5rem 1rem;
	border-radius: 0.25rem;
	transition: all 0.2s ease-in-out;
}

/* The selector above is a SUBSTRING match, so it also pads elements that are not
 * buttons: .btn-group, .btn-toolbar and .btn-close all pick up 8px vertical and
 * 16px horizontal padding, which is why some button rows sit inset from the card
 * edge while a d-grid row spans it fully. Undo it for the wrappers only.
 *
 * Deliberately the same specificity (0,1,0) and simply later in the file, rather
 * than :not() on the rule above -- adding :not() would raise it to (0,5,0) and it
 * would then also beat .btn-sm / .btn-xs padding and change every button's size.
 * See /home/sagedash/.guides/dashboard-design-standard.md #5.5
 *---------------------------------------------------------------------------*/
.btn-group,
.btn-toolbar,
[class*="btn-group"] {
	padding: 0;
}

/* Restore Bootstrap's own value rather than zeroing it; .btn-close carries no
   .btn class, so nothing else sets its padding. */
.btn-close {
	padding: 0.25em 0.25em;
}

/* Blue */
html .btn-blue {
	background-color: var(--blue);
	border-color: var(--blue);
	color: #fff;
}

html .btn-blue:hover,
html .btn-blue.hover {
	background-color: var(--blue-hover);
	border-color: var(--blue-hover);
	color: #fff;
}

html .btn-blue:focus,
html .btn-blue.focus {
	box-shadow: 0 0 0 3px rgba(0, 47, 108, 0.5);
	background-color: var(--blue);
	border-color: var(--blue);
}

html .btn-blue.disabled,
html .btn-blue:disabled {
	background-color: var(--blue);
	border-color: var(--blue);
	opacity: 0.65;
}

/* Blue Light */
html .btn-blue-light {
	background-color: var(--blue-light);
	border-color: var(--blue-light);
	color: #fff;
}

html .btn-blue-light:hover,
html .btn-blue-light.hover {
	background-color: var(--blue-light-hover);
	border-color: var(--blue-light-hover);
	color: #fff;
}

html .btn-blue-light:focus,
html .btn-blue-light.focus {
	box-shadow: 0 0 0 3px rgba(26, 73, 128, 0.5);
	background-color: var(--blue-light);
	border-color: var(--blue-light);
}

html .btn-blue-light.disabled,
html .btn-blue-light:disabled {
	background-color: var(--blue-light);
	border-color: var(--blue-light);
	opacity: 0.65;
}

/* Red */
html .btn-red {
	background-color: var(--red);
	border-color: var(--red);
	color: #fff;
}

html .btn-red:hover,
html .btn-red.hover {
	background-color: var(--red-hover);
	border-color: var(--red-hover);
	color: #fff;
}

html .btn-red:focus,
html .btn-red.focus {
	box-shadow: 0 0 0 3px rgba(204, 27, 44, 0.5);
	background-color: var(--red);
	border-color: var(--red);
}

html .btn-red.disabled,
html .btn-red:disabled {
	background-color: var(--red);
	border-color: var(--red);
	opacity: 0.65;
}

/* Red Light */
html .btn-red-light {
	background-color: var(--red-light);
	border-color: var(--red-light);
	color: #fff;
}

html .btn-red-light:hover,
html .btn-red-light.hover {
	background-color: var(--red-light-hover);
	border-color: var(--red-light-hover);
	color: #fff;
}

html .btn-red-light:focus,
html .btn-red-light.focus {
	box-shadow: 0 0 0 3px rgba(220, 59, 76, 0.5);
	background-color: var(--red-light);
	border-color: var(--red-light);
}

html .btn-red-light.disabled,
html .btn-red-light:disabled {
	background-color: var(--red-light);
	border-color: var(--red-light);
	opacity: 0.65;
}

/* Silver */
html .btn-silver {
	background-color: var(--silver);
	border-color: var(--silver);
	color: #000;
}

html .btn-silver:hover,
html .btn-silver.hover {
	background-color: var(--silver-hover);
	border-color: var(--silver-hover);
	color: #000;
}

html .btn-silver:focus,
html .btn-silver.focus {
	box-shadow: 0 0 0 3px rgba(178, 177, 172, 0.5);
	background-color: var(--silver);
	border-color: var(--silver);
}

html .btn-silver.disabled,
html .btn-silver:disabled {
	background-color: var(--silver);
	border-color: var(--silver);
	opacity: 0.65;
}

/* Silver Light */
html .btn-silver-light {
	background-color: var(--silver-light);
	border-color: var(--silver-light);
	color: #000;
}

html .btn-silver-light:hover,
html .btn-silver-light.hover {
	background-color: var(--silver-light-hover);
	border-color: var(--silver-light-hover);
	color: #000;
}

html .btn-silver-light:focus,
html .btn-silver-light.focus {
	box-shadow: 0 0 0 3px rgba(198, 197, 192, 0.5);
	background-color: var(--silver-light);
	border-color: var(--silver-light);
}

html .btn-silver-light.disabled,
html .btn-silver-light:disabled {
	background-color: var(--silver-light);
	border-color: var(--silver-light);
	opacity: 0.65;
}

/* Gold */
html .btn-gold {
	background-color: var(--gold);
	border-color: var(--gold);
	color: #000;
}

html .btn-gold:hover,
html .btn-gold.hover {
	background-color: var(--gold-hover);
	border-color: var(--gold-hover);
	color: #000;
}

html .btn-gold:focus,
html .btn-gold.focus {
	box-shadow: 0 0 0 3px rgba(170, 150, 86, 0.5);
	background-color: var(--gold);
	border-color: var(--gold);
}

html .btn-gold.disabled,
html .btn-gold:disabled {
	background-color: var(--gold);
	border-color: var(--gold);
	opacity: 0.65;
}

/* Gold Light */
html .btn-gold-light {
	background-color: var(--gold-light);
	border-color: var(--gold-light);
	color: #000;
}

html .btn-gold-light:hover,
html .btn-gold-light.hover {
	background-color: var(--gold-light-hover);
	border-color: var(--gold-light-hover);
	color: #000;
}

html .btn-gold-light:focus,
html .btn-gold-light.focus {
	box-shadow: 0 0 0 3px rgba(190, 170, 106, 0.5);
	background-color: var(--gold-light);
	border-color: var(--gold-light);
}

html .btn-gold-light.disabled,
html .btn-gold-light:disabled {
	background-color: var(--gold-light);
	border-color: var(--gold-light);
	opacity: 0.65;
}

/* Yellow */
html .btn-yellow {
	background-color: var(--yellow);
	border-color: var(--yellow);
	color: #000;
}

html .btn-yellow:hover,
html .btn-yellow.hover {
	background-color: var(--yellow-hover);
	border-color: var(--yellow-hover);
	color: #000;
}

html .btn-yellow:focus,
html .btn-yellow.focus {
	box-shadow: 0 0 0 3px rgba(255, 199, 31, 0.5);
	background-color: var(--yellow);
	border-color: var(--yellow);
}

html .btn-yellow.disabled,
html .btn-yellow:disabled {
	background-color: var(--yellow);
	border-color: var(--yellow);
	opacity: 0.65;
}

/* Yellow Light */
html .btn-yellow-light {
	background-color: var(--yellow-light);
	border-color: var(--yellow-light);
	color: #000;
}

html .btn-yellow-light:hover,
html .btn-yellow-light.hover {
	background-color: var(--yellow-light-hover);
	border-color: var(--yellow-light-hover);
	color: #000;
}

html .btn-yellow-light:focus,
html .btn-yellow-light.focus {
	box-shadow: 0 0 0 3px rgba(255, 209, 79, 0.5);
	background-color: var(--yellow-light);
	border-color: var(--yellow-light);
}

html .btn-yellow-light.disabled,
html .btn-yellow-light:disabled {
	background-color: var(--yellow-light);
	border-color: var(--yellow-light);
	opacity: 0.65;
}

/*-----------------------------------------------------------------------------
 * Text Colors
 *---------------------------------------------------------------------------*/

/* Blue Text Colors */
html .heading-blue,
html .lnk-blue,
html .text-color-blue,
html .text-blue {
	color: var(--blue) !important;
}

html .text-color-hover-blue:hover,
html .text-hover-blue:hover {
	color: var(--blue) !important;
}

/* Blue Light Text Colors */
html .heading-blue-light,
html .lnk-blue-light,
html .text-color-blue-light,
html .text-blue-light {
	color: var(--blue-light) !important;
}

html .text-color-hover-blue-light:hover,
html .text-hover-blue-light:hover {
	color: var(--blue-light) !important;
}

/* Red Text Colors */
html .heading-red,
html .lnk-red,
html .text-color-red,
html .text-red {
	color: var(--red) !important;
}

html .text-color-hover-red:hover,
html .text-hover-red:hover {
	color: var(--red) !important;
}

/* Red Light Text Colors */
html .heading-red-light,
html .lnk-red-light,
html .text-color-red-light,
html .text-red-light {
	color: var(--red-light) !important;
}

html .text-color-hover-red-light:hover,
html .text-hover-red-light:hover {
	color: var(--red-light) !important;
}

/* Silver Text Colors */
html .heading-silver,
html .lnk-silver,
html .text-color-silver,
html .text-silver {
	color: var(--silver) !important;
}

html .text-color-hover-silver:hover,
html .text-hover-silver:hover {
	color: var(--silver) !important;
}

/* Silver Light Text Colors */
html .heading-silver-light,
html .lnk-silver-light,
html .text-color-silver-light,
html .text-silver-light {
	color: var(--silver-light) !important;
}

html .text-color-hover-silver-light:hover,
html .text-hover-silver-light:hover {
	color: var(--silver-light) !important;
}

/* Gold Text Colors */
html .heading-gold,
html .lnk-gold,
html .text-color-gold,
html .text-gold {
	color: var(--gold) !important;
}

html .text-color-hover-gold:hover,
html .text-hover-gold:hover {
	color: var(--gold) !important;
}

/* Gold Light Text Colors */
html .heading-gold-light,
html .lnk-gold-light,
html .text-color-gold-light,
html .text-gold-light {
	color: var(--gold-light) !important;
}

html .text-color-hover-gold-light:hover,
html .text-hover-gold-light:hover {
	color: var(--gold-light) !important;
}

/* Yellow Text Colors */
html .heading-yellow,
html .lnk-yellow,
html .text-color-yellow,
html .text-yellow {
	color: var(--yellow) !important;
}

html .text-color-hover-yellow:hover,
html .text-hover-yellow:hover {
	color: var(--yellow) !important;
}

/* Yellow Light Text Colors */
html .heading-yellow-light,
html .lnk-yellow-light,
html .text-color-yellow-light,
html .text-yellow-light {
	color: var(--yellow-light) !important;
}

html .text-color-hover-yellow-light:hover,
html .text-hover-yellow-light:hover {
	color: var(--yellow-light) !important;
}

/*-----------------------------------------------------------------------------
 * Background Colors
 *---------------------------------------------------------------------------*/

html .bg-blue,
html .background-color-blue {
	background-color: var(--blue) !important;
}

html .bg-blue-light,
html .background-color-blue-light {
	background-color: var(--blue-light) !important;
}

html .bg-accessibility-blue,
html .background-color-accessibility-blue {
	background-color: var(--accessibility-blue) !important;
}

html .bg-accessibility-blue-light,
html .background-color-accessibility-blue-light {
	background-color: var(--accessibility-blue-light) !important;
}

html .bg-red,
html .background-color-red {
	background-color: var(--red) !important;
}

html .bg-red-light,
html .background-color-red-light {
	background-color: var(--red-light) !important;
}

html .bg-silver,
html .background-color-silver {
	background-color: var(--silver) !important;
}

html .bg-silver-light,
html .background-color-silver-light {
	background-color: var(--silver-light) !important;
}

html .bg-gold,
html .background-color-gold {
	background-color: var(--gold) !important;
}

html .bg-gold-light,
html .background-color-gold-light {
	background-color: var(--gold-light) !important;
}

html .bg-yellow,
html .background-color-yellow {
	background-color: var(--yellow) !important;
}

html .bg-yellow-light,
html .background-color-yellow-light {
	background-color: var(--yellow-light) !important;
}

/*-----------------------------------------------------------------------------
 * Badges
 *---------------------------------------------------------------------------*/

.badge-blue {
	background: var(--blue-hover);
	color: #fff;
}

.badge-blue-light {
	background: var(--blue-light-hover);
	color: #fff;
}

.badge-red {
	background: var(--red-hover);
	color: #fff;
}

.badge-red-light {
	background: var(--red-light-hover);
	color: #fff;
}

.badge-silver {
	background: var(--silver-hover);
	color: #000;
}

.badge-silver-light {
	background: var(--silver-light-hover);
	color: #000;
}

.badge-gold {
	background: var(--gold-hover);
	color: #000;
}

.badge-gold-light {
	background: var(--gold-light-hover);
	color: #000;
}

.badge-yellow {
	background: var(--yellow-hover);
	color: #000;
}

.badge-yellow-light {
	background: var(--yellow-light-hover);
	color: #000;
}

/*-----------------------------------------------------------------------------
 * Outline Buttons
 *---------------------------------------------------------------------------*/

/* Blue Outline */
html .btn-outline-blue {
	color: var(--blue);
	border-color: var(--blue);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-blue:hover,
html .btn-outline-blue.hover {
	background-color: var(--blue);
	border-color: var(--blue);
	color: #fff;
}

html .btn-outline-blue:focus,
html .btn-outline-blue.focus {
	box-shadow: 0 0 0 3px rgba(0, 47, 108, 0.5);
}

html .btn-outline-blue.disabled,
html .btn-outline-blue:disabled {
	color: var(--blue);
	background-color: transparent;
	border-color: var(--blue);
	opacity: 0.65;
}

/* Blue Light Outline */
html .btn-outline-blue-light {
	color: var(--blue-light);
	border-color: var(--blue-light);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-blue-light:hover,
html .btn-outline-blue-light.hover {
	background-color: var(--blue-light);
	border-color: var(--blue-light);
	color: #fff;
}

html .btn-outline-blue-light:focus,
html .btn-outline-blue-light.focus {
	box-shadow: 0 0 0 3px rgba(26, 73, 128, 0.5);
}

html .btn-outline-blue-light.disabled,
html .btn-outline-blue-light:disabled {
	color: var(--blue-light);
	background-color: transparent;
	border-color: var(--blue-light);
	opacity: 0.65;
}

/* Red Outline */
html .btn-outline-red {
	color: var(--red);
	border-color: var(--red);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-red:hover,
html .btn-outline-red.hover {
	background-color: var(--red);
	border-color: var(--red);
	color: #fff;
}

html .btn-outline-red:focus,
html .btn-outline-red.focus {
	box-shadow: 0 0 0 3px rgba(204, 27, 44, 0.5);
}

html .btn-outline-red.disabled,
html .btn-outline-red:disabled {
	color: var(--red);
	background-color: transparent;
	border-color: var(--red);
	opacity: 0.65;
}

/* Red Light Outline */
html .btn-outline-red-light {
	color: var(--red-light);
	border-color: var(--red-light);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-red-light:hover,
html .btn-outline-red-light.hover {
	background-color: var(--red-light);
	border-color: var(--red-light);
	color: #fff;
}

html .btn-outline-red-light:focus,
html .btn-outline-red-light.focus {
	box-shadow: 0 0 0 3px rgba(220, 59, 76, 0.5);
}

html .btn-outline-red-light.disabled,
html .btn-outline-red-light:disabled {
	color: var(--red-light);
	background-color: transparent;
	border-color: var(--red-light);
	opacity: 0.65;
}

/* Silver Outline */
html .btn-outline-silver {
	color: var(--silver-outline);
	border-color: var(--silver-outline);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-silver:hover,
html .btn-outline-silver.hover {
	background-color: var(--silver);
	border-color: var(--silver);
	color: #000;
}

html .btn-outline-silver:focus,
html .btn-outline-silver.focus {
	box-shadow: 0 0 0 3px rgba(178, 177, 172, 0.5);
}

html .btn-outline-silver.disabled,
html .btn-outline-silver:disabled {
	color: var(--silver-outline);
	background-color: transparent;
	border-color: var(--silver-outline);
	opacity: 0.65;
}

/* Silver Light Outline */
html .btn-outline-silver-light {
	color: var(--silver-light-outline);
	border-color: var(--silver-light-outline);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-silver-light:hover,
html .btn-outline-silver-light.hover {
	background-color: var(--silver-light);
	border-color: var(--silver-light);
	color: #000;
}

html .btn-outline-silver-light:focus,
html .btn-outline-silver-light.focus {
	box-shadow: 0 0 0 3px rgba(198, 197, 192, 0.5);
}

html .btn-outline-silver-light.disabled,
html .btn-outline-silver-light:disabled {
	color: var(--silver-light-outline);
	background-color: transparent;
	border-color: var(--silver-light-outline);
	opacity: 0.65;
}

/* Gold Outline */
html .btn-outline-gold {
	color: var(--gold-outline);
	border-color: var(--gold-outline);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-gold:hover,
html .btn-outline-gold.hover {
	background-color: var(--gold);
	border-color: var(--gold);
	color: #000;
}

html .btn-outline-gold:focus,
html .btn-outline-gold.focus {
	box-shadow: 0 0 0 3px rgba(170, 150, 86, 0.5);
}

html .btn-outline-gold.disabled,
html .btn-outline-gold:disabled {
	color: var(--gold-outline);
	background-color: transparent;
	border-color: var(--gold-outline);
	opacity: 0.65;
}

/* Gold Light Outline */
html .btn-outline-gold-light {
	color: var(--gold-light-outline);
	border-color: var(--gold-light-outline);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-gold-light:hover,
html .btn-outline-gold-light.hover {
	background-color: var(--gold-light);
	border-color: var(--gold-light);
	color: #000;
}

html .btn-outline-gold-light:focus,
html .btn-outline-gold-light.focus {
	box-shadow: 0 0 0 3px rgba(190, 170, 106, 0.5);
}

html .btn-outline-gold-light.disabled,
html .btn-outline-gold-light:disabled {
	color: var(--gold-light-outline);
	background-color: transparent;
	border-color: var(--gold-light-outline);
	opacity: 0.65;
}

/* Yellow Outline */
html .btn-outline-yellow {
	color: var(--yellow-outline);
	border-color: var(--yellow-outline);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-yellow:hover,
html .btn-outline-yellow.hover {
	background-color: var(--yellow);
	border-color: var(--yellow);
	color: #000;
}

html .btn-outline-yellow:focus,
html .btn-outline-yellow.focus {
	box-shadow: 0 0 0 3px rgba(255, 199, 31, 0.5);
}

html .btn-outline-yellow.disabled,
html .btn-outline-yellow:disabled {
	color: var(--yellow-outline);
	background-color: transparent;
	border-color: var(--yellow-outline);
	opacity: 0.65;
}

/* Yellow Light Outline */
html .btn-outline-yellow-light {
	color: var(--yellow-light-outline);
	border-color: var(--yellow-light-outline);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-yellow-light:hover,
html .btn-outline-yellow-light.hover {
	background-color: var(--yellow-light);
	border-color: var(--yellow-light);
	color: #000;
}

html .btn-outline-yellow-light:focus,
html .btn-outline-yellow-light.focus {
	box-shadow: 0 0 0 3px rgba(255, 209, 79, 0.5);
}

html .btn-outline-yellow-light.disabled,
html .btn-outline-yellow-light:disabled {
	color: var(--yellow-light-outline);
	background-color: transparent;
	border-color: var(--yellow-light-outline);
	opacity: 0.65;
}

/*-----------------------------------------------------------------------------
 * Button Size Variations
 *---------------------------------------------------------------------------*/

html [class*="btn-outline-"].btn-xs {
	padding: 2.4px 8px;
	padding: 0.15rem 0.5rem;
}

html [class*="btn-outline-"].btn-sm {
	padding: 4px 10.4px;
	padding: 0.25rem 0.65rem;
}

html [class*="btn-outline-"].btn-lg {
	padding: 7.2px 16px;
	padding: 0.45rem 1rem;
}

html [class*="btn-outline-"].btn-xl {
	padding: 12px 32px;
	padding: 0.75rem 2rem;
}

html [class*="btn-outline-"].btn-outline-thin {
	border-width: 1px;
}

/*-----------------------------------------------------------------------------
 * Alerts
 *---------------------------------------------------------------------------*/

.alert-blue {
	color: #fff;
	background-color: var(--blue);
	border-color: var(--blue);
}

.alert-blue .alert-link {
	color: #fff;
	text-decoration: underline;
}

.alert-blue-light {
	color: #fff;
	background-color: var(--blue-light);
	border-color: var(--blue-light);
}

.alert-blue-light .alert-link {
	color: #fff;
	text-decoration: underline;
}

.alert-red {
	color: #fff;
	background-color: var(--red);
	border-color: var(--red);
}

.alert-red .alert-link {
	color: #fff;
	text-decoration: underline;
}

.alert-red-light {
	color: #fff;
	background-color: var(--red-light);
	border-color: var(--red-light);
}

.alert-red-light .alert-link {
	color: #fff;
	text-decoration: underline;
}

.alert-silver {
	color: #000;
	background-color: var(--silver);
	border-color: var(--silver);
}

.alert-silver .alert-link {
	color: #000;
	text-decoration: underline;
}

.alert-silver-light {
	color: #000;
	background-color: var(--silver-light);
	border-color: var(--silver-light);
}

.alert-silver-light .alert-link {
	color: #000;
	text-decoration: underline;
}

.alert-gold {
	color: #000;
	background-color: var(--gold);
	border-color: var(--gold);
}

.alert-gold .alert-link {
	color: #000;
	text-decoration: underline;
}

.alert-gold-light {
	color: #000;
	background-color: var(--gold-light);
	border-color: var(--gold-light);
}

.alert-gold-light .alert-link {
	color: #000;
	text-decoration: underline;
}

.alert-yellow {
	color: #000;
	background-color: var(--yellow);
	border-color: var(--yellow);
}

.alert-yellow .alert-link {
	color: #000;
	text-decoration: underline;
}

.alert-yellow-light {
	color: #000;
	background-color: var(--yellow-light);
	border-color: var(--yellow-light);
}

.alert-yellow-light .alert-link {
	color: #000;
	text-decoration: underline;
}

.border-blue {
	border-color: var(--blue) !important;
}

.border-blue-light {
	border-color: var(--blue-light) !important;
}

.border-red {
	border-color: var(--red) !important;
}

.border-red-light {
	border-color: var(--red-light) !important;
}

.border-silver {
	border-color: var(--silver) !important;
}

.border-silver-light {
	border-color: var(--silver-light) !important;
}

.border-gold {
	border-color: var(--gold) !important;
}

.border-gold-light {
	border-color: var(--gold-light) !important;
}

.border-yellow {
	border-color: var(--yellow) !important;
}

.border-yellow-light {
	border-color: var(--yellow-light) !important;
}

/*-----------------------------------------------------------------------------
 * Function Colors
 *
 * Color on a Dashboard is not decorative -- a control's color says what it does.
 * These families carry a reserved meaning and must never be repainted by a
 * palette change. See /home/sagedash/.guides/dashboard-design-standard.md #4.
 *
 *   info       click-to-copy       gold   internal (stays on this dashboard)
 *   hyperlink  external link       warning temp / dev target
 *   secondary  disabled / absent
 *
 * Bootstrap's own info (#0dcaf0) and warning (#ffc107) are 1.96:1 and 1.63:1 on
 * a white card -- unreadable. Both are darkened here for TEXT and BORDER use
 * only; solid fills keep the bright Bootstrap value, which is correct with dark
 * text. The dark sidebars are excluded, since the bright value is right there.
 *---------------------------------------------------------------------------*/

/* Click-to-copy -- the signal that a control writes to the clipboard.
 *
 * Deliberately left as Bootstrap's own #0dcaf0, in BOTH modes and on every
 * surface. It measures 1.96:1 as text on white, below the 3:1 icons target, but
 * it is carried almost entirely by duotone glyphs whose filled shape reads far
 * better than the ratio predicts, and Kenny reviewed it on screen on 2026-09-21
 * and kept it. Recognition beats contrast here: this exact cyan is how a user
 * identifies a copy control across the whole fleet. Do not darken it again --
 * if a copy control is genuinely hard to see, make the glyph bigger.
 */

/* Temp / dev target */
html .text-warning {
	color: var(--warning-outline) !important;
}

/* The sidebars are near-black (#171717); the bright value is correct there and
   the darkened one would be 3:1. Specificity (0,2,1) beats the rule above. */
html .sidebar-right .text-warning,
html .sidebar-left .text-warning {
	color: #ffc107 !important;
}

/* External link -- leaves this dashboard. Bootstrap 5.3's own link pair, so a
   button-shaped link and a plain inline link are the same blue. */
html .text-hyperlink {
	color: var(--hyperlink) !important;
}

html .text-hyperlink-hover:hover,
html .text-hover-hyperlink:hover {
	color: var(--hyperlink-hover) !important;
}

html .bg-hyperlink {
	background-color: var(--hyperlink) !important;
}

html .border-hyperlink {
	border-color: var(--hyperlink) !important;
}

html .btn-hyperlink {
	background-color: var(--hyperlink);
	border-color: var(--hyperlink);
	color: #fff;
}

html .btn-hyperlink:hover,
html .btn-hyperlink.hover {
	background-color: var(--hyperlink-hover);
	border-color: var(--hyperlink-hover);
	color: #fff;
}

html .btn-hyperlink:focus,
html .btn-hyperlink.focus {
	box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.5);
	background-color: var(--hyperlink);
	border-color: var(--hyperlink);
}

html .btn-hyperlink.disabled,
html .btn-hyperlink:disabled {
	background-color: var(--hyperlink);
	border-color: var(--hyperlink);
	opacity: 0.65;
}

html .btn-outline-hyperlink {
	color: var(--hyperlink);
	border-color: var(--hyperlink);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-hyperlink:hover,
html .btn-outline-hyperlink.hover {
	background-color: var(--hyperlink);
	border-color: var(--hyperlink);
	color: #fff;
}

html .btn-outline-hyperlink:focus,
html .btn-outline-hyperlink.focus {
	box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.5);
}

html .btn-outline-hyperlink.disabled,
html .btn-outline-hyperlink:disabled {
	color: var(--hyperlink);
	background-color: transparent;
	border-color: var(--hyperlink);
	opacity: 0.65;
}

/* Internal link -- stays on this dashboard. gold base is 3.45:1 as text, so the
   text/border forms use the -outline step; solid btn-gold keeps the base fill. */
html .text-gold {
	color: var(--gold-outline) !important;
}


/* ---- Primary ---------------------------------------------------------- */
html .btn-primary {
	background-color: var(--primary);
	border-color: var(--primary);
	color: #fff;
}

html .btn-primary:hover,
html .btn-primary.hover {
	background-color: var(--primary-hover);
	border-color: var(--primary-hover);
	color: #fff;
}

html .btn-primary:focus,
html .btn-primary.focus {
	box-shadow: 0 0 0 3px rgba(255, 82, 129, 0.5);
	background-color: var(--primary);
	border-color: var(--primary);
}

html .btn-primary.disabled,
html .btn-primary:disabled {
	background-color: var(--primary);
	border-color: var(--primary);
	opacity: 0.65;
}

html .btn-primary-light {
	background-color: var(--primary-light);
	border-color: var(--primary-light);
	color: #000;
}

html .btn-primary-light:hover,
html .btn-primary-light.hover {
	background-color: var(--primary-light-hover);
	border-color: var(--primary-light-hover);
	color: #000;
}

html .btn-primary-light:focus,
html .btn-primary-light.focus {
	box-shadow: 0 0 0 3px rgba(255, 102, 149, 0.5);
	background-color: var(--primary-light);
	border-color: var(--primary-light);
}

html .btn-primary-light.disabled,
html .btn-primary-light:disabled {
	background-color: var(--primary-light);
	border-color: var(--primary-light);
	opacity: 0.65;
}

html .heading-primary,
html .lnk-primary,
html .text-color-primary,
html .text-primary {
	color: var(--primary) !important;
}

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

html .heading-primary-light,
html .lnk-primary-light,
html .text-color-primary-light,
html .text-primary-light {
	color: var(--primary-light) !important;
}

html .text-color-hover-primary-light:hover,
html .text-hover-primary-light:hover {
	color: var(--primary-light) !important;
}

html .bg-primary,
html .background-color-primary {
	background-color: var(--primary) !important;
}

html .bg-primary-light,
html .background-color-primary-light {
	background-color: var(--primary-light) !important;
}

.badge-primary {
	background: var(--primary-hover);
	color: #fff;
}

.badge-primary-light {
	background: var(--primary-light-hover);
	color: #000;
}

html .btn-outline-primary {
	color: var(--primary);
	border-color: var(--primary);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-primary:hover,
html .btn-outline-primary.hover {
	color: #fff;
	background-color: var(--primary);
	border-color: var(--primary);
}

html .btn-outline-primary:focus,
html .btn-outline-primary.focus {
	box-shadow: 0 0 0 3px rgba(255, 82, 129, 0.5);
}

html .btn-outline-primary.disabled,
html .btn-outline-primary:disabled {
	color: var(--primary);
	border-color: var(--primary);
	background-color: transparent;
	opacity: 0.65;
}

html .btn-outline-primary-light {
	color: var(--primary-light-outline);
	border-color: var(--primary-light-outline);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-primary-light:hover,
html .btn-outline-primary-light.hover {
	color: #000;
	background-color: var(--primary-light);
	border-color: var(--primary-light);
}

html .btn-outline-primary-light:focus,
html .btn-outline-primary-light.focus {
	box-shadow: 0 0 0 3px rgba(255, 102, 149, 0.5);
}

html .btn-outline-primary-light.disabled,
html .btn-outline-primary-light:disabled {
	color: var(--primary-light-outline);
	border-color: var(--primary-light-outline);
	background-color: transparent;
	opacity: 0.65;
}

.alert-primary {
	color: #fff;
	background-color: var(--primary);
	border-color: var(--primary);
}

.alert-primary .alert-link {
	color: #fff;
	text-decoration: underline;
}

.alert-primary-light {
	color: #000;
	background-color: var(--primary-light);
	border-color: var(--primary-light);
}

.alert-primary-light .alert-link {
	color: #000;
	text-decoration: underline;
}

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

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

/* ---- Secondary ---------------------------------------------------------- */
html .btn-secondary {
	background-color: var(--secondary);
	border-color: var(--secondary);
	color: #fff;
}

html .btn-secondary:hover,
html .btn-secondary.hover {
	background-color: var(--secondary-hover);
	border-color: var(--secondary-hover);
	color: #fff;
}

html .btn-secondary:focus,
html .btn-secondary.focus {
	box-shadow: 0 0 0 3px rgba(101, 101, 101, 0.5);
	background-color: var(--secondary);
	border-color: var(--secondary);
}

html .btn-secondary.disabled,
html .btn-secondary:disabled {
	background-color: var(--secondary);
	border-color: var(--secondary);
	opacity: 0.65;
}

html .btn-secondary-light {
	background-color: var(--secondary-light);
	border-color: var(--secondary-light);
	color: #fff;
}

html .btn-secondary-light:hover,
html .btn-secondary-light.hover {
	background-color: var(--secondary-light-hover);
	border-color: var(--secondary-light-hover);
	color: #fff;
}

html .btn-secondary-light:focus,
html .btn-secondary-light.focus {
	box-shadow: 0 0 0 3px rgba(121, 121, 121, 0.5);
	background-color: var(--secondary-light);
	border-color: var(--secondary-light);
}

html .btn-secondary-light.disabled,
html .btn-secondary-light:disabled {
	background-color: var(--secondary-light);
	border-color: var(--secondary-light);
	opacity: 0.65;
}

html .heading-secondary,
html .lnk-secondary,
html .text-color-secondary,
html .text-secondary {
	color: var(--secondary) !important;
}

html .text-color-hover-secondary:hover,
html .text-hover-secondary:hover {
	color: var(--secondary) !important;
}

html .heading-secondary-light,
html .lnk-secondary-light,
html .text-color-secondary-light,
html .text-secondary-light {
	color: var(--secondary-light) !important;
}

html .text-color-hover-secondary-light:hover,
html .text-hover-secondary-light:hover {
	color: var(--secondary-light) !important;
}

html .bg-secondary,
html .background-color-secondary {
	background-color: var(--secondary) !important;
}

html .bg-secondary-light,
html .background-color-secondary-light {
	background-color: var(--secondary-light) !important;
}

.badge-secondary {
	background: var(--secondary-hover);
	color: #fff;
}

.badge-secondary-light {
	background: var(--secondary-light-hover);
	color: #fff;
}

html .btn-outline-secondary {
	color: var(--secondary);
	border-color: var(--secondary);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-secondary:hover,
html .btn-outline-secondary.hover {
	color: #fff;
	background-color: var(--secondary);
	border-color: var(--secondary);
}

html .btn-outline-secondary:focus,
html .btn-outline-secondary.focus {
	box-shadow: 0 0 0 3px rgba(101, 101, 101, 0.5);
}

html .btn-outline-secondary.disabled,
html .btn-outline-secondary:disabled {
	color: var(--secondary);
	border-color: var(--secondary);
	background-color: transparent;
	opacity: 0.65;
}

html .btn-outline-secondary-light {
	color: var(--secondary-light);
	border-color: var(--secondary-light);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-secondary-light:hover,
html .btn-outline-secondary-light.hover {
	color: #fff;
	background-color: var(--secondary-light);
	border-color: var(--secondary-light);
}

html .btn-outline-secondary-light:focus,
html .btn-outline-secondary-light.focus {
	box-shadow: 0 0 0 3px rgba(121, 121, 121, 0.5);
}

html .btn-outline-secondary-light.disabled,
html .btn-outline-secondary-light:disabled {
	color: var(--secondary-light);
	border-color: var(--secondary-light);
	background-color: transparent;
	opacity: 0.65;
}

.alert-secondary {
	color: #fff;
	background-color: var(--secondary);
	border-color: var(--secondary);
}

.alert-secondary .alert-link {
	color: #fff;
	text-decoration: underline;
}

.alert-secondary-light {
	color: #fff;
	background-color: var(--secondary-light);
	border-color: var(--secondary-light);
}

.alert-secondary-light .alert-link {
	color: #fff;
	text-decoration: underline;
}

.border-secondary {
	border-color: var(--secondary) !important;
}

.border-secondary-light {
	border-color: var(--secondary-light) !important;
}

/* ---- Tertiary ---------------------------------------------------------- */
html .btn-tertiary {
	background-color: var(--tertiary);
	border-color: var(--tertiary);
	color: #000;
}

html .btn-tertiary:hover,
html .btn-tertiary.hover {
	background-color: var(--tertiary-hover);
	border-color: var(--tertiary-hover);
	color: #000;
}

html .btn-tertiary:focus,
html .btn-tertiary.focus {
	box-shadow: 0 0 0 3px rgba(255, 233, 246, 0.5);
	background-color: var(--tertiary);
	border-color: var(--tertiary);
}

html .btn-tertiary.disabled,
html .btn-tertiary:disabled {
	background-color: var(--tertiary);
	border-color: var(--tertiary);
	opacity: 0.65;
}

html .btn-tertiary-light {
	background-color: var(--tertiary-light);
	border-color: var(--tertiary-light);
	color: #000;
}

html .btn-tertiary-light:hover,
html .btn-tertiary-light.hover {
	background-color: var(--tertiary-light-hover);
	border-color: var(--tertiary-light-hover);
	color: #000;
}

html .btn-tertiary-light:focus,
html .btn-tertiary-light.focus {
	box-shadow: 0 0 0 3px rgba(255, 253, 255, 0.5);
	background-color: var(--tertiary-light);
	border-color: var(--tertiary-light);
}

html .btn-tertiary-light.disabled,
html .btn-tertiary-light:disabled {
	background-color: var(--tertiary-light);
	border-color: var(--tertiary-light);
	opacity: 0.65;
}

html .heading-tertiary,
html .lnk-tertiary,
html .text-color-tertiary,
html .text-tertiary {
	color: var(--tertiary) !important;
}

html .text-color-hover-tertiary:hover,
html .text-hover-tertiary:hover {
	color: var(--tertiary) !important;
}

html .heading-tertiary-light,
html .lnk-tertiary-light,
html .text-color-tertiary-light,
html .text-tertiary-light {
	color: var(--tertiary-light) !important;
}

html .text-color-hover-tertiary-light:hover,
html .text-hover-tertiary-light:hover {
	color: var(--tertiary-light) !important;
}

html .bg-tertiary,
html .background-color-tertiary {
	background-color: var(--tertiary) !important;
}

html .bg-tertiary-light,
html .background-color-tertiary-light {
	background-color: var(--tertiary-light) !important;
}

.badge-tertiary {
	background: var(--tertiary-hover);
	color: #000;
}

.badge-tertiary-light {
	background: var(--tertiary-light-hover);
	color: #000;
}

html .btn-outline-tertiary {
	color: var(--tertiary-outline);
	border-color: var(--tertiary-outline);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-tertiary:hover,
html .btn-outline-tertiary.hover {
	color: #000;
	background-color: var(--tertiary);
	border-color: var(--tertiary);
}

html .btn-outline-tertiary:focus,
html .btn-outline-tertiary.focus {
	box-shadow: 0 0 0 3px rgba(255, 233, 246, 0.5);
}

html .btn-outline-tertiary.disabled,
html .btn-outline-tertiary:disabled {
	color: var(--tertiary-outline);
	border-color: var(--tertiary-outline);
	background-color: transparent;
	opacity: 0.65;
}

html .btn-outline-tertiary-light {
	color: var(--tertiary-light-outline);
	border-color: var(--tertiary-light-outline);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-tertiary-light:hover,
html .btn-outline-tertiary-light.hover {
	color: #000;
	background-color: var(--tertiary-light);
	border-color: var(--tertiary-light);
}

html .btn-outline-tertiary-light:focus,
html .btn-outline-tertiary-light.focus {
	box-shadow: 0 0 0 3px rgba(255, 253, 255, 0.5);
}

html .btn-outline-tertiary-light.disabled,
html .btn-outline-tertiary-light:disabled {
	color: var(--tertiary-light-outline);
	border-color: var(--tertiary-light-outline);
	background-color: transparent;
	opacity: 0.65;
}

.alert-tertiary {
	color: #000;
	background-color: var(--tertiary);
	border-color: var(--tertiary);
}

.alert-tertiary .alert-link {
	color: #000;
	text-decoration: underline;
}

.alert-tertiary-light {
	color: #000;
	background-color: var(--tertiary-light);
	border-color: var(--tertiary-light);
}

.alert-tertiary-light .alert-link {
	color: #000;
	text-decoration: underline;
}

.border-tertiary {
	border-color: var(--tertiary) !important;
}

.border-tertiary-light {
	border-color: var(--tertiary-light) !important;
}

/* ---- Quaternary ---------------------------------------------------------- */
html .btn-quaternary {
	background-color: var(--quaternary);
	border-color: var(--quaternary);
	color: #000;
}

html .btn-quaternary:hover,
html .btn-quaternary.hover {
	background-color: var(--quaternary-hover);
	border-color: var(--quaternary-hover);
	color: #000;
}

html .btn-quaternary:focus,
html .btn-quaternary.focus {
	box-shadow: 0 0 0 3px rgba(213, 213, 213, 0.5);
	background-color: var(--quaternary);
	border-color: var(--quaternary);
}

html .btn-quaternary.disabled,
html .btn-quaternary:disabled {
	background-color: var(--quaternary);
	border-color: var(--quaternary);
	opacity: 0.65;
}

html .btn-quaternary-light {
	background-color: var(--quaternary-light);
	border-color: var(--quaternary-light);
	color: #000;
}

html .btn-quaternary-light:hover,
html .btn-quaternary-light.hover {
	background-color: var(--quaternary-light-hover);
	border-color: var(--quaternary-light-hover);
	color: #000;
}

html .btn-quaternary-light:focus,
html .btn-quaternary-light.focus {
	box-shadow: 0 0 0 3px rgba(233, 233, 233, 0.5);
	background-color: var(--quaternary-light);
	border-color: var(--quaternary-light);
}

html .btn-quaternary-light.disabled,
html .btn-quaternary-light:disabled {
	background-color: var(--quaternary-light);
	border-color: var(--quaternary-light);
	opacity: 0.65;
}

html .heading-quaternary,
html .lnk-quaternary,
html .text-color-quaternary,
html .text-quaternary {
	color: var(--quaternary) !important;
}

html .text-color-hover-quaternary:hover,
html .text-hover-quaternary:hover {
	color: var(--quaternary) !important;
}

html .heading-quaternary-light,
html .lnk-quaternary-light,
html .text-color-quaternary-light,
html .text-quaternary-light {
	color: var(--quaternary-light) !important;
}

html .text-color-hover-quaternary-light:hover,
html .text-hover-quaternary-light:hover {
	color: var(--quaternary-light) !important;
}

html .bg-quaternary,
html .background-color-quaternary {
	background-color: var(--quaternary) !important;
}

html .bg-quaternary-light,
html .background-color-quaternary-light {
	background-color: var(--quaternary-light) !important;
}

.badge-quaternary {
	background: var(--quaternary-hover);
	color: #000;
}

.badge-quaternary-light {
	background: var(--quaternary-light-hover);
	color: #000;
}

html .btn-outline-quaternary {
	color: var(--quaternary-outline);
	border-color: var(--quaternary-outline);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-quaternary:hover,
html .btn-outline-quaternary.hover {
	color: #000;
	background-color: var(--quaternary);
	border-color: var(--quaternary);
}

html .btn-outline-quaternary:focus,
html .btn-outline-quaternary.focus {
	box-shadow: 0 0 0 3px rgba(213, 213, 213, 0.5);
}

html .btn-outline-quaternary.disabled,
html .btn-outline-quaternary:disabled {
	color: var(--quaternary-outline);
	border-color: var(--quaternary-outline);
	background-color: transparent;
	opacity: 0.65;
}

html .btn-outline-quaternary-light {
	color: var(--quaternary-light-outline);
	border-color: var(--quaternary-light-outline);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-quaternary-light:hover,
html .btn-outline-quaternary-light.hover {
	color: #000;
	background-color: var(--quaternary-light);
	border-color: var(--quaternary-light);
}

html .btn-outline-quaternary-light:focus,
html .btn-outline-quaternary-light.focus {
	box-shadow: 0 0 0 3px rgba(233, 233, 233, 0.5);
}

html .btn-outline-quaternary-light.disabled,
html .btn-outline-quaternary-light:disabled {
	color: var(--quaternary-light-outline);
	border-color: var(--quaternary-light-outline);
	background-color: transparent;
	opacity: 0.65;
}

.alert-quaternary {
	color: #000;
	background-color: var(--quaternary);
	border-color: var(--quaternary);
}

.alert-quaternary .alert-link {
	color: #000;
	text-decoration: underline;
}

.alert-quaternary-light {
	color: #000;
	background-color: var(--quaternary-light);
	border-color: var(--quaternary-light);
}

.alert-quaternary-light .alert-link {
	color: #000;
	text-decoration: underline;
}

.border-quaternary {
	border-color: var(--quaternary) !important;
}

.border-quaternary-light {
	border-color: var(--quaternary-light) !important;
}

/* ---- Quinary ---------------------------------------------------------- */
html .btn-quinary {
	background-color: var(--quinary);
	border-color: var(--quinary);
	color: #fff;
}

html .btn-quinary:hover,
html .btn-quinary.hover {
	background-color: var(--quinary-hover);
	border-color: var(--quinary-hover);
	color: #fff;
}

html .btn-quinary:focus,
html .btn-quinary.focus {
	box-shadow: 0 0 0 3px rgba(253, 129, 209, 0.5);
	background-color: var(--quinary);
	border-color: var(--quinary);
}

html .btn-quinary.disabled,
html .btn-quinary:disabled {
	background-color: var(--quinary);
	border-color: var(--quinary);
	opacity: 0.65;
}

html .btn-quinary-light {
	background-color: var(--quinary-light);
	border-color: var(--quinary-light);
	color: #000;
}

html .btn-quinary-light:hover,
html .btn-quinary-light.hover {
	background-color: var(--quinary-light-hover);
	border-color: var(--quinary-light-hover);
	color: #000;
}

html .btn-quinary-light:focus,
html .btn-quinary-light.focus {
	box-shadow: 0 0 0 3px rgba(255, 149, 229, 0.5);
	background-color: var(--quinary-light);
	border-color: var(--quinary-light);
}

html .btn-quinary-light.disabled,
html .btn-quinary-light:disabled {
	background-color: var(--quinary-light);
	border-color: var(--quinary-light);
	opacity: 0.65;
}

html .heading-quinary,
html .lnk-quinary,
html .text-color-quinary,
html .text-quinary {
	color: var(--quinary) !important;
}

html .text-color-hover-quinary:hover,
html .text-hover-quinary:hover {
	color: var(--quinary) !important;
}

html .heading-quinary-light,
html .lnk-quinary-light,
html .text-color-quinary-light,
html .text-quinary-light {
	color: var(--quinary-light) !important;
}

html .text-color-hover-quinary-light:hover,
html .text-hover-quinary-light:hover {
	color: var(--quinary-light) !important;
}

html .bg-quinary,
html .background-color-quinary {
	background-color: var(--quinary) !important;
}

html .bg-quinary-light,
html .background-color-quinary-light {
	background-color: var(--quinary-light) !important;
}

.badge-quinary {
	background: var(--quinary-hover);
	color: #fff;
}

.badge-quinary-light {
	background: var(--quinary-light-hover);
	color: #000;
}

html .btn-outline-quinary {
	color: var(--quinary);
	border-color: var(--quinary);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-quinary:hover,
html .btn-outline-quinary.hover {
	color: #fff;
	background-color: var(--quinary);
	border-color: var(--quinary);
}

html .btn-outline-quinary:focus,
html .btn-outline-quinary.focus {
	box-shadow: 0 0 0 3px rgba(253, 129, 209, 0.5);
}

html .btn-outline-quinary.disabled,
html .btn-outline-quinary:disabled {
	color: var(--quinary);
	border-color: var(--quinary);
	background-color: transparent;
	opacity: 0.65;
}

html .btn-outline-quinary-light {
	color: var(--quinary-light-outline);
	border-color: var(--quinary-light-outline);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-quinary-light:hover,
html .btn-outline-quinary-light.hover {
	color: #000;
	background-color: var(--quinary-light);
	border-color: var(--quinary-light);
}

html .btn-outline-quinary-light:focus,
html .btn-outline-quinary-light.focus {
	box-shadow: 0 0 0 3px rgba(255, 149, 229, 0.5);
}

html .btn-outline-quinary-light.disabled,
html .btn-outline-quinary-light:disabled {
	color: var(--quinary-light-outline);
	border-color: var(--quinary-light-outline);
	background-color: transparent;
	opacity: 0.65;
}

.alert-quinary {
	color: #fff;
	background-color: var(--quinary);
	border-color: var(--quinary);
}

.alert-quinary .alert-link {
	color: #fff;
	text-decoration: underline;
}

.alert-quinary-light {
	color: #000;
	background-color: var(--quinary-light);
	border-color: var(--quinary-light);
}

.alert-quinary-light .alert-link {
	color: #000;
	text-decoration: underline;
}

.border-quinary {
	border-color: var(--quinary) !important;
}

.border-quinary-light {
	border-color: var(--quinary-light) !important;
}

/* ---- Senary ---------------------------------------------------------- */
html .btn-senary {
	background-color: var(--senary);
	border-color: var(--senary);
	color: #fff;
}

html .btn-senary:hover,
html .btn-senary.hover {
	background-color: var(--senary-hover);
	border-color: var(--senary-hover);
	color: #fff;
}

html .btn-senary:focus,
html .btn-senary.focus {
	box-shadow: 0 0 0 3px rgba(177, 114, 99, 0.5);
	background-color: var(--senary);
	border-color: var(--senary);
}

html .btn-senary.disabled,
html .btn-senary:disabled {
	background-color: var(--senary);
	border-color: var(--senary);
	opacity: 0.65;
}

html .btn-senary-light {
	background-color: var(--senary-light);
	border-color: var(--senary-light);
	color: #fff;
}

html .btn-senary-light:hover,
html .btn-senary-light.hover {
	background-color: var(--senary-light-hover);
	border-color: var(--senary-light-hover);
	color: #fff;
}

html .btn-senary-light:focus,
html .btn-senary-light.focus {
	box-shadow: 0 0 0 3px rgba(197, 134, 119, 0.5);
	background-color: var(--senary-light);
	border-color: var(--senary-light);
}

html .btn-senary-light.disabled,
html .btn-senary-light:disabled {
	background-color: var(--senary-light);
	border-color: var(--senary-light);
	opacity: 0.65;
}

html .heading-senary,
html .lnk-senary,
html .text-color-senary,
html .text-senary {
	color: var(--senary) !important;
}

html .text-color-hover-senary:hover,
html .text-hover-senary:hover {
	color: var(--senary) !important;
}

html .heading-senary-light,
html .lnk-senary-light,
html .text-color-senary-light,
html .text-senary-light {
	color: var(--senary-light) !important;
}

html .text-color-hover-senary-light:hover,
html .text-hover-senary-light:hover {
	color: var(--senary-light) !important;
}

html .bg-senary,
html .background-color-senary {
	background-color: var(--senary) !important;
}

html .bg-senary-light,
html .background-color-senary-light {
	background-color: var(--senary-light) !important;
}

.badge-senary {
	background: var(--senary-hover);
	color: #fff;
}

.badge-senary-light {
	background: var(--senary-light-hover);
	color: #fff;
}

html .btn-outline-senary {
	color: var(--senary);
	border-color: var(--senary);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-senary:hover,
html .btn-outline-senary.hover {
	color: #fff;
	background-color: var(--senary);
	border-color: var(--senary);
}

html .btn-outline-senary:focus,
html .btn-outline-senary.focus {
	box-shadow: 0 0 0 3px rgba(177, 114, 99, 0.5);
}

html .btn-outline-senary.disabled,
html .btn-outline-senary:disabled {
	color: var(--senary);
	border-color: var(--senary);
	background-color: transparent;
	opacity: 0.65;
}

html .btn-outline-senary-light {
	color: var(--senary-light);
	border-color: var(--senary-light);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-senary-light:hover,
html .btn-outline-senary-light.hover {
	color: #fff;
	background-color: var(--senary-light);
	border-color: var(--senary-light);
}

html .btn-outline-senary-light:focus,
html .btn-outline-senary-light.focus {
	box-shadow: 0 0 0 3px rgba(197, 134, 119, 0.5);
}

html .btn-outline-senary-light.disabled,
html .btn-outline-senary-light:disabled {
	color: var(--senary-light);
	border-color: var(--senary-light);
	background-color: transparent;
	opacity: 0.65;
}

.alert-senary {
	color: #fff;
	background-color: var(--senary);
	border-color: var(--senary);
}

.alert-senary .alert-link {
	color: #fff;
	text-decoration: underline;
}

.alert-senary-light {
	color: #fff;
	background-color: var(--senary-light);
	border-color: var(--senary-light);
}

.alert-senary-light .alert-link {
	color: #fff;
	text-decoration: underline;
}

.border-senary {
	border-color: var(--senary) !important;
}

.border-senary-light {
	border-color: var(--senary-light) !important;
}

/* ---- Brand (job: brand = secondary) ---------------------------------------------------------- */
html .btn-brand {
	background-color: var(--brand);
	border-color: var(--brand);
	color: #fff;
}

html .btn-brand:hover,
html .btn-brand.hover {
	background-color: var(--brand-hover);
	border-color: var(--brand-hover);
	color: #fff;
}

html .btn-brand:focus,
html .btn-brand.focus {
	box-shadow: 0 0 0 3px rgba(101, 101, 101, 0.5);
	background-color: var(--brand);
	border-color: var(--brand);
}

html .btn-brand.disabled,
html .btn-brand:disabled {
	background-color: var(--brand);
	border-color: var(--brand);
	opacity: 0.65;
}

html .btn-brand-light {
	background-color: var(--brand-light);
	border-color: var(--brand-light);
	color: #fff;
}

html .btn-brand-light:hover,
html .btn-brand-light.hover {
	background-color: var(--brand-light-hover);
	border-color: var(--brand-light-hover);
	color: #fff;
}

html .btn-brand-light:focus,
html .btn-brand-light.focus {
	box-shadow: 0 0 0 3px rgba(121, 121, 121, 0.5);
	background-color: var(--brand-light);
	border-color: var(--brand-light);
}

html .btn-brand-light.disabled,
html .btn-brand-light:disabled {
	background-color: var(--brand-light);
	border-color: var(--brand-light);
	opacity: 0.65;
}

html .heading-brand,
html .lnk-brand,
html .text-color-brand,
html .text-brand {
	color: var(--brand) !important;
}

html .text-color-hover-brand:hover,
html .text-hover-brand:hover {
	color: var(--brand) !important;
}

html .heading-brand-light,
html .lnk-brand-light,
html .text-color-brand-light,
html .text-brand-light {
	color: var(--brand-light) !important;
}

html .text-color-hover-brand-light:hover,
html .text-hover-brand-light:hover {
	color: var(--brand-light) !important;
}

html .bg-brand,
html .background-color-brand {
	background-color: var(--brand) !important;
}

html .bg-brand-light,
html .background-color-brand-light {
	background-color: var(--brand-light) !important;
}

.badge-brand {
	background: var(--brand-hover);
	color: #fff;
}

.badge-brand-light {
	background: var(--brand-light-hover);
	color: #fff;
}

html .btn-outline-brand {
	color: var(--brand);
	border-color: var(--brand);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-brand:hover,
html .btn-outline-brand.hover {
	color: #fff;
	background-color: var(--brand);
	border-color: var(--brand);
}

html .btn-outline-brand:focus,
html .btn-outline-brand.focus {
	box-shadow: 0 0 0 3px rgba(101, 101, 101, 0.5);
}

html .btn-outline-brand.disabled,
html .btn-outline-brand:disabled {
	color: var(--brand);
	border-color: var(--brand);
	background-color: transparent;
	opacity: 0.65;
}

html .btn-outline-brand-light {
	color: var(--brand-light);
	border-color: var(--brand-light);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-brand-light:hover,
html .btn-outline-brand-light.hover {
	color: #fff;
	background-color: var(--brand-light);
	border-color: var(--brand-light);
}

html .btn-outline-brand-light:focus,
html .btn-outline-brand-light.focus {
	box-shadow: 0 0 0 3px rgba(121, 121, 121, 0.5);
}

html .btn-outline-brand-light.disabled,
html .btn-outline-brand-light:disabled {
	color: var(--brand-light);
	border-color: var(--brand-light);
	background-color: transparent;
	opacity: 0.65;
}

.alert-brand {
	color: #fff;
	background-color: var(--brand);
	border-color: var(--brand);
}

.alert-brand .alert-link {
	color: #fff;
	text-decoration: underline;
}

.alert-brand-light {
	color: #fff;
	background-color: var(--brand-light);
	border-color: var(--brand-light);
}

.alert-brand-light .alert-link {
	color: #fff;
	text-decoration: underline;
}

.border-brand {
	border-color: var(--brand) !important;
}

.border-brand-light {
	border-color: var(--brand-light) !important;
}

/* ---- Brand Title (job: title = tertiary) ---------------------------------------------------------- */
html .btn-brand-title {
	background-color: var(--brand-title);
	border-color: var(--brand-title);
	color: #000;
}

html .btn-brand-title:hover,
html .btn-brand-title.hover {
	background-color: var(--brand-title-hover);
	border-color: var(--brand-title-hover);
	color: #000;
}

html .btn-brand-title:focus,
html .btn-brand-title.focus {
	box-shadow: 0 0 0 3px rgba(255, 233, 246, 0.5);
	background-color: var(--brand-title);
	border-color: var(--brand-title);
}

html .btn-brand-title.disabled,
html .btn-brand-title:disabled {
	background-color: var(--brand-title);
	border-color: var(--brand-title);
	opacity: 0.65;
}

html .btn-brand-title-light {
	background-color: var(--brand-title-light);
	border-color: var(--brand-title-light);
	color: #000;
}

html .btn-brand-title-light:hover,
html .btn-brand-title-light.hover {
	background-color: var(--brand-title-light-hover);
	border-color: var(--brand-title-light-hover);
	color: #000;
}

html .btn-brand-title-light:focus,
html .btn-brand-title-light.focus {
	box-shadow: 0 0 0 3px rgba(255, 253, 255, 0.5);
	background-color: var(--brand-title-light);
	border-color: var(--brand-title-light);
}

html .btn-brand-title-light.disabled,
html .btn-brand-title-light:disabled {
	background-color: var(--brand-title-light);
	border-color: var(--brand-title-light);
	opacity: 0.65;
}

html .heading-brand-title,
html .lnk-brand-title,
html .text-color-brand-title,
html .text-brand-title {
	color: var(--brand-title) !important;
}

html .text-color-hover-brand-title:hover,
html .text-hover-brand-title:hover {
	color: var(--brand-title) !important;
}

html .heading-brand-title-light,
html .lnk-brand-title-light,
html .text-color-brand-title-light,
html .text-brand-title-light {
	color: var(--brand-title-light) !important;
}

html .text-color-hover-brand-title-light:hover,
html .text-hover-brand-title-light:hover {
	color: var(--brand-title-light) !important;
}

html .bg-brand-title,
html .background-color-brand-title {
	background-color: var(--brand-title) !important;
}

html .bg-brand-title-light,
html .background-color-brand-title-light {
	background-color: var(--brand-title-light) !important;
}

.badge-brand-title {
	background: var(--brand-title-hover);
	color: #000;
}

.badge-brand-title-light {
	background: var(--brand-title-light-hover);
	color: #000;
}

html .btn-outline-brand-title {
	color: var(--brand-title-outline);
	border-color: var(--brand-title-outline);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-brand-title:hover,
html .btn-outline-brand-title.hover {
	color: #000;
	background-color: var(--brand-title);
	border-color: var(--brand-title);
}

html .btn-outline-brand-title:focus,
html .btn-outline-brand-title.focus {
	box-shadow: 0 0 0 3px rgba(255, 233, 246, 0.5);
}

html .btn-outline-brand-title.disabled,
html .btn-outline-brand-title:disabled {
	color: var(--brand-title-outline);
	border-color: var(--brand-title-outline);
	background-color: transparent;
	opacity: 0.65;
}

html .btn-outline-brand-title-light {
	color: var(--brand-title-light-outline);
	border-color: var(--brand-title-light-outline);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-brand-title-light:hover,
html .btn-outline-brand-title-light.hover {
	color: #000;
	background-color: var(--brand-title-light);
	border-color: var(--brand-title-light);
}

html .btn-outline-brand-title-light:focus,
html .btn-outline-brand-title-light.focus {
	box-shadow: 0 0 0 3px rgba(255, 253, 255, 0.5);
}

html .btn-outline-brand-title-light.disabled,
html .btn-outline-brand-title-light:disabled {
	color: var(--brand-title-light-outline);
	border-color: var(--brand-title-light-outline);
	background-color: transparent;
	opacity: 0.65;
}

.alert-brand-title {
	color: #000;
	background-color: var(--brand-title);
	border-color: var(--brand-title);
}

.alert-brand-title .alert-link {
	color: #000;
	text-decoration: underline;
}

.alert-brand-title-light {
	color: #000;
	background-color: var(--brand-title-light);
	border-color: var(--brand-title-light);
}

.alert-brand-title-light .alert-link {
	color: #000;
	text-decoration: underline;
}

.border-brand-title {
	border-color: var(--brand-title) !important;
}

.border-brand-title-light {
	border-color: var(--brand-title-light) !important;
}

/* ---- Brand Accent (job: accent = primary) ---------------------------------------------------------- */
html .btn-brand-accent {
	background-color: var(--brand-accent);
	border-color: var(--brand-accent);
	color: #fff;
}

html .btn-brand-accent:hover,
html .btn-brand-accent.hover {
	background-color: var(--brand-accent-hover);
	border-color: var(--brand-accent-hover);
	color: #fff;
}

html .btn-brand-accent:focus,
html .btn-brand-accent.focus {
	box-shadow: 0 0 0 3px rgba(255, 82, 129, 0.5);
	background-color: var(--brand-accent);
	border-color: var(--brand-accent);
}

html .btn-brand-accent.disabled,
html .btn-brand-accent:disabled {
	background-color: var(--brand-accent);
	border-color: var(--brand-accent);
	opacity: 0.65;
}

html .btn-brand-accent-light {
	background-color: var(--brand-accent-light);
	border-color: var(--brand-accent-light);
	color: #000;
}

html .btn-brand-accent-light:hover,
html .btn-brand-accent-light.hover {
	background-color: var(--brand-accent-light-hover);
	border-color: var(--brand-accent-light-hover);
	color: #000;
}

html .btn-brand-accent-light:focus,
html .btn-brand-accent-light.focus {
	box-shadow: 0 0 0 3px rgba(255, 102, 149, 0.5);
	background-color: var(--brand-accent-light);
	border-color: var(--brand-accent-light);
}

html .btn-brand-accent-light.disabled,
html .btn-brand-accent-light:disabled {
	background-color: var(--brand-accent-light);
	border-color: var(--brand-accent-light);
	opacity: 0.65;
}

html .heading-brand-accent,
html .lnk-brand-accent,
html .text-color-brand-accent,
html .text-brand-accent {
	color: var(--brand-accent) !important;
}

html .text-color-hover-brand-accent:hover,
html .text-hover-brand-accent:hover {
	color: var(--brand-accent) !important;
}

html .heading-brand-accent-light,
html .lnk-brand-accent-light,
html .text-color-brand-accent-light,
html .text-brand-accent-light {
	color: var(--brand-accent-light) !important;
}

html .text-color-hover-brand-accent-light:hover,
html .text-hover-brand-accent-light:hover {
	color: var(--brand-accent-light) !important;
}

html .bg-brand-accent,
html .background-color-brand-accent {
	background-color: var(--brand-accent) !important;
}

html .bg-brand-accent-light,
html .background-color-brand-accent-light {
	background-color: var(--brand-accent-light) !important;
}

.badge-brand-accent {
	background: var(--brand-accent-hover);
	color: #fff;
}

.badge-brand-accent-light {
	background: var(--brand-accent-light-hover);
	color: #000;
}

html .btn-outline-brand-accent {
	color: var(--brand-accent);
	border-color: var(--brand-accent);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-brand-accent:hover,
html .btn-outline-brand-accent.hover {
	color: #fff;
	background-color: var(--brand-accent);
	border-color: var(--brand-accent);
}

html .btn-outline-brand-accent:focus,
html .btn-outline-brand-accent.focus {
	box-shadow: 0 0 0 3px rgba(255, 82, 129, 0.5);
}

html .btn-outline-brand-accent.disabled,
html .btn-outline-brand-accent:disabled {
	color: var(--brand-accent);
	border-color: var(--brand-accent);
	background-color: transparent;
	opacity: 0.65;
}

html .btn-outline-brand-accent-light {
	color: var(--brand-accent-light-outline);
	border-color: var(--brand-accent-light-outline);
	background-color: transparent;
	border-width: 2px;
	padding: 7.728px 14.928px;
	padding: 0.483rem 0.933rem;
}

html .btn-outline-brand-accent-light:hover,
html .btn-outline-brand-accent-light.hover {
	color: #000;
	background-color: var(--brand-accent-light);
	border-color: var(--brand-accent-light);
}

html .btn-outline-brand-accent-light:focus,
html .btn-outline-brand-accent-light.focus {
	box-shadow: 0 0 0 3px rgba(255, 102, 149, 0.5);
}

html .btn-outline-brand-accent-light.disabled,
html .btn-outline-brand-accent-light:disabled {
	color: var(--brand-accent-light-outline);
	border-color: var(--brand-accent-light-outline);
	background-color: transparent;
	opacity: 0.65;
}

.alert-brand-accent {
	color: #fff;
	background-color: var(--brand-accent);
	border-color: var(--brand-accent);
}

.alert-brand-accent .alert-link {
	color: #fff;
	text-decoration: underline;
}

.alert-brand-accent-light {
	color: #000;
	background-color: var(--brand-accent-light);
	border-color: var(--brand-accent-light);
}

.alert-brand-accent-light .alert-link {
	color: #000;
	text-decoration: underline;
}

.border-brand-accent {
	border-color: var(--brand-accent) !important;
}

.border-brand-accent-light {
	border-color: var(--brand-accent-light) !important;
}

/*-----------------------------------------------------------------------------
 * Links (generated)
 *
 * A bare <a> is the BRAND job color - the dashboard's own color. The Porto skin ships
 * a { color: #0066ff }. A link that LEAVES this dashboard says so with .text-hyperlink.
 * Scoped away from anchors that are really buttons, and out of the dark sidebars.
 *---------------------------------------------------------------------------*/
html a:not([class*="btn"]) {
	color: var(--brand);
}

html a:not([class*="btn"]):hover,
html a:not([class*="btn"]):focus {
	color: var(--brand-hover);
}

html .sidebar-left a:not([class*="btn"]),
html .sidebar-right a:not([class*="btn"]) {
	color: inherit;
}

/*-----------------------------------------------------------------------------
 * Featured cards (generated) - a bare card-featured carries the brand color.
 *---------------------------------------------------------------------------*/
html .card-featured {
	border-top-color: var(--brand);
}

/*-----------------------------------------------------------------------------
 * Porto skin buttons (generated)
 *
 * The skin pairs its four role buttons with #777 or #FFF (LESS contrast()). Each button owns
 * its text color through every state, so the readable one is set here. `html body` (0,1,2)
 * beats the skin's `html .btn-x` (0,1,1) although the skin loads after this file.
 *---------------------------------------------------------------------------*/
html body .btn-primary,
html body .btn-primary:hover,
html body .btn-primary.hover,
html body .btn-primary:focus,
html body .btn-primary.focus,
html body .btn-primary:active,
html body .btn-primary.active,
html body .btn-primary.disabled,
html body .btn-primary:disabled {
	color: #fff;
}

html body .btn-secondary,
html body .btn-secondary:hover,
html body .btn-secondary.hover,
html body .btn-secondary:focus,
html body .btn-secondary.focus,
html body .btn-secondary:active,
html body .btn-secondary.active,
html body .btn-secondary.disabled,
html body .btn-secondary:disabled {
	color: #fff;
}

html body .btn-tertiary,
html body .btn-tertiary:hover,
html body .btn-tertiary.hover,
html body .btn-tertiary:focus,
html body .btn-tertiary.focus,
html body .btn-tertiary:active,
html body .btn-tertiary.active,
html body .btn-tertiary.disabled,
html body .btn-tertiary:disabled {
	color: #000;
}

html body .btn-quaternary,
html body .btn-quaternary:hover,
html body .btn-quaternary.hover,
html body .btn-quaternary:focus,
html body .btn-quaternary.focus,
html body .btn-quaternary:active,
html body .btn-quaternary.active,
html body .btn-quaternary.disabled,
html body .btn-quaternary:disabled {
	color: #000;
}