/* ==========================================================================
   Sagentic LLC — Color Definitions
   Crafto theme overrides and brand variable bridges.
   The auto-generated Sagentic Dashboard Color System below is authoritative.
   ========================================================================== */

:root {
	/* ---------- Crafto Theme Overrides ---------- */
	--base-color: #C92927;
	--dark-gray: #030303;
	--medium-gray: #6c757d;

	/* ---------- Brand Color Bridges ---------- */
	--color-primary: #030303;
	--color-secondary: #C92927;
	--color-tertiary: #CBCBCB;
	--color-text-hover: #E1E1E1;
}

/* ---------- Bootstrap Utility Overrides ---------- */
.text-primary { color: var(--color-primary) !important; }
.text-secondary { color: var(--color-secondary) !important; }
.text-tertiary { color: var(--color-tertiary) !important; }
.bg-primary { background-color: var(--color-primary) !important; }

/*-----------------------------------------------------------------------------
 * Auto-Generated Color System CSS - sagentic.pro
 * Generated: 2026-04-08 14:40:08
 * Generated by Sagentic Dashboard Color System
 *---------------------------------------------------------------------------*/

/* Color Variables
 *---------------------------------------------------------------------------*/
:root {
	/* Primary - Black */
	--black: #030303;
	--black-hover: #000000;
	--black-light: #292929;
	--black-light-hover: #4f4f4f;

	/* Secondary - Big-Stone */
	--big-stone: #162340;
	--big-stone-hover: #020307;
	--big-stone-light: #294278;
	--big-stone-light-hover: #3d61b1;

	/* Tertiary - Persian-Red */
	--persian-red: #C92927;
	--persian-red-hover: #881b1a;
	--persian-red-light: #df5e5c;
	--persian-red-light-hover: #eb9d9d;

	/* Quaternary - Hippie-Green */
	--hippie-green: #678C4D;
	--hippie-green-hover: #425a31;
	--hippie-green-light: #8db273;
	--hippie-green-light-hover: #b5cda4;

	/* Link Colors */
	--hyperlinks: #0066FF;
	--hover: #0052CC;
}

/*-----------------------------------------------------------------------------
 * Links
 *---------------------------------------------------------------------------*/
a {
	color: var(--hyperlinks);
}

a:hover,
a:focus {
	color: var(--hover);
}

a:active {
	color: var(--hyperlinks);
}

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

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

/* Black */
html .btn-black {
	background-color: var(--black);
	border-color: var(--black);
	color: #FFF;
}

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

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

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

/* Black Light */
html .btn-black-light {
	background-color: var(--black-light);
	border-color: var(--black-light);
	color: #FFF;
}

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

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

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

/* Big-Stone */
html .btn-big-stone {
	background-color: var(--big-stone);
	border-color: var(--big-stone);
	color: #FFF;
}

html .btn-big-stone:hover,
html .btn-big-stone.hover {
	background-color: var(--big-stone-hover);
	border-color: var(--big-stone-hover);
	color: #FFF;
}

html .btn-big-stone:focus,
html .btn-big-stone.focus {
	box-shadow: 0 0 0 3px rgba(22, 35, 64, 0.5);
	background-color: var(--big-stone);
	border-color: var(--big-stone);
}

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

/* Big-Stone Light */
html .btn-big-stone-light {
	background-color: var(--big-stone-light);
	border-color: var(--big-stone-light);
	color: #FFF;
}

html .btn-big-stone-light:hover,
html .btn-big-stone-light.hover {
	background-color: var(--big-stone-light-hover);
	border-color: var(--big-stone-light-hover);
	color: #FFF;
}

html .btn-big-stone-light:focus,
html .btn-big-stone-light.focus {
	box-shadow: 0 0 0 3px rgba(41, 66, 120, 0.5);
	background-color: var(--big-stone-light);
	border-color: var(--big-stone-light);
}

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

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

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

html .btn-persian-red:focus,
html .btn-persian-red.focus {
	box-shadow: 0 0 0 3px rgba(201, 41, 39, 0.5);
	background-color: var(--persian-red);
	border-color: var(--persian-red);
}

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

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

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

html .btn-persian-red-light:focus,
html .btn-persian-red-light.focus {
	box-shadow: 0 0 0 3px rgba(223, 94, 92, 0.5);
	background-color: var(--persian-red-light);
	border-color: var(--persian-red-light);
}

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

/* Hippie-Green */
html .btn-hippie-green {
	background-color: var(--hippie-green);
	border-color: var(--hippie-green);
	color: #FFF;
}

html .btn-hippie-green:hover,
html .btn-hippie-green.hover {
	background-color: var(--hippie-green-hover);
	border-color: var(--hippie-green-hover);
	color: #FFF;
}

html .btn-hippie-green:focus,
html .btn-hippie-green.focus {
	box-shadow: 0 0 0 3px rgba(103, 140, 77, 0.5);
	background-color: var(--hippie-green);
	border-color: var(--hippie-green);
}

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

/* Hippie-Green Light */
html .btn-hippie-green-light {
	background-color: var(--hippie-green-light);
	border-color: var(--hippie-green-light);
	color: #FFF;
}

html .btn-hippie-green-light:hover,
html .btn-hippie-green-light.hover {
	background-color: var(--hippie-green-light-hover);
	border-color: var(--hippie-green-light-hover);
	color: #FFF;
}

html .btn-hippie-green-light:focus,
html .btn-hippie-green-light.focus {
	box-shadow: 0 0 0 3px rgba(141, 178, 115, 0.5);
	background-color: var(--hippie-green-light);
	border-color: var(--hippie-green-light);
}

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

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

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

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

html .heading.heading-black h1,
html .heading.heading-black h2,
html .heading.heading-black h3,
html .heading.heading-black h4,
html .heading.heading-black h5,
html .heading.heading-black h6 {
	border-color: var(--black);
}

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

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

html .heading.heading-black-light h1,
html .heading.heading-black-light h2,
html .heading.heading-black-light h3,
html .heading.heading-black-light h4,
html .heading.heading-black-light h5,
html .heading.heading-black-light h6 {
	border-color: var(--black-light);
}

/* Big-Stone Text Colors */
html .heading-big-stone,
html .lnk-big-stone,
html .text-color-big-stone,
html .text-big-stone {
	color: var(--big-stone) !important;
}

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

html .heading.heading-big-stone h1,
html .heading.heading-big-stone h2,
html .heading.heading-big-stone h3,
html .heading.heading-big-stone h4,
html .heading.heading-big-stone h5,
html .heading.heading-big-stone h6 {
	border-color: var(--big-stone);
}

/* Big-Stone Light Text Colors */
html .heading-big-stone-light,
html .lnk-big-stone-light,
html .text-color-big-stone-light,
html .text-big-stone-light {
	color: var(--big-stone-light) !important;
}

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

html .heading.heading-big-stone-light h1,
html .heading.heading-big-stone-light h2,
html .heading.heading-big-stone-light h3,
html .heading.heading-big-stone-light h4,
html .heading.heading-big-stone-light h5,
html .heading.heading-big-stone-light h6 {
	border-color: var(--big-stone-light);
}

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

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

html .heading.heading-persian-red h1,
html .heading.heading-persian-red h2,
html .heading.heading-persian-red h3,
html .heading.heading-persian-red h4,
html .heading.heading-persian-red h5,
html .heading.heading-persian-red h6 {
	border-color: var(--persian-red);
}

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

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

html .heading.heading-persian-red-light h1,
html .heading.heading-persian-red-light h2,
html .heading.heading-persian-red-light h3,
html .heading.heading-persian-red-light h4,
html .heading.heading-persian-red-light h5,
html .heading.heading-persian-red-light h6 {
	border-color: var(--persian-red-light);
}

/* Hippie-Green Text Colors */
html .heading-hippie-green,
html .lnk-hippie-green,
html .text-color-hippie-green,
html .text-hippie-green {
	color: var(--hippie-green) !important;
}

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

html .heading.heading-hippie-green h1,
html .heading.heading-hippie-green h2,
html .heading.heading-hippie-green h3,
html .heading.heading-hippie-green h4,
html .heading.heading-hippie-green h5,
html .heading.heading-hippie-green h6 {
	border-color: var(--hippie-green);
}

/* Hippie-Green Light Text Colors */
html .heading-hippie-green-light,
html .lnk-hippie-green-light,
html .text-color-hippie-green-light,
html .text-hippie-green-light {
	color: var(--hippie-green-light) !important;
}

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

html .heading.heading-hippie-green-light h1,
html .heading.heading-hippie-green-light h2,
html .heading.heading-hippie-green-light h3,
html .heading.heading-hippie-green-light h4,
html .heading.heading-hippie-green-light h5,
html .heading.heading-hippie-green-light h6 {
	border-color: var(--hippie-green-light);
}

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

/* Black Background Colors */
html .bg-black,
html .background-color-black {
	background-color: var(--black) !important;
}

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

/* Big-Stone Background Colors */
html .bg-big-stone,
html .background-color-big-stone {
	background-color: var(--big-stone) !important;
}

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

/* Persian-Red Background Colors */
html .bg-persian-red,
html .background-color-persian-red {
	background-color: var(--persian-red) !important;
}

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

/* Hippie-Green Background Colors */
html .bg-hippie-green,
html .background-color-hippie-green {
	background-color: var(--hippie-green) !important;
}

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

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

/* Black Badges */
.badge-black {
	background: var(--black-hover);
	color: #FFF;
}

.badge-black-light {
	background: var(--black-light-hover);
	color: #FFF;
}

/* Big-Stone Badges */
.badge-big-stone {
	background: var(--big-stone-hover);
	color: #FFF;
}

.badge-big-stone-light {
	background: var(--big-stone-light-hover);
	color: #FFF;
}

/* Persian-Red Badges */
.badge-persian-red {
	background: var(--persian-red-hover);
	color: #FFF;
}

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

/* Hippie-Green Badges */
.badge-hippie-green {
	background: var(--hippie-green-hover);
	color: #FFF;
}

.badge-hippie-green-light {
	background: var(--hippie-green-light-hover);
	color: #FFF;
}

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

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

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

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

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

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

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

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

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

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

html .btn-outline-big-stone:hover,
html .btn-outline-big-stone.hover {
	background-color: var(--big-stone);
	border-color: var(--big-stone);
	color: #FFF;
}

html .btn-outline-big-stone:focus,
html .btn-outline-big-stone.focus {
	box-shadow: 0 0 0 3px rgba(22, 35, 64, 0.5);
}

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

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

html .btn-outline-big-stone-light:hover,
html .btn-outline-big-stone-light.hover {
	background-color: var(--big-stone-light);
	border-color: var(--big-stone-light);
	color: #FFF;
}

html .btn-outline-big-stone-light:focus,
html .btn-outline-big-stone-light.focus {
	box-shadow: 0 0 0 3px rgba(41, 66, 120, 0.5);
}

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

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

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

html .btn-outline-persian-red:focus,
html .btn-outline-persian-red.focus {
	box-shadow: 0 0 0 3px rgba(201, 41, 39, 0.5);
}

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

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

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

html .btn-outline-persian-red-light:focus,
html .btn-outline-persian-red-light.focus {
	box-shadow: 0 0 0 3px rgba(223, 94, 92, 0.5);
}

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

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

html .btn-outline-hippie-green:hover,
html .btn-outline-hippie-green.hover {
	background-color: var(--hippie-green);
	border-color: var(--hippie-green);
	color: #FFF;
}

html .btn-outline-hippie-green:focus,
html .btn-outline-hippie-green.focus {
	box-shadow: 0 0 0 3px rgba(103, 140, 77, 0.5);
}

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

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

html .btn-outline-hippie-green-light:hover,
html .btn-outline-hippie-green-light.hover {
	background-color: var(--hippie-green-light);
	border-color: var(--hippie-green-light);
	color: #FFF;
}

html .btn-outline-hippie-green-light:focus,
html .btn-outline-hippie-green-light.focus {
	box-shadow: 0 0 0 3px rgba(141, 178, 115, 0.5);
}

html .btn-outline-hippie-green-light.disabled,
html .btn-outline-hippie-green-light:disabled {
	color: var(--hippie-green-light);
	background-color: transparent;
	border-color: var(--hippie-green-light);
	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-black {
	color: #FFF;
	background-color: var(--black);
	border-color: var(--black);
}

.alert-black .alert-link {
	color: #FFF;
	text-decoration: underline;
}

.alert-black-light {
	color: #FFF;
	background-color: var(--black-light);
	border-color: var(--black-light);
}

.alert-black-light .alert-link {
	color: #FFF;
	text-decoration: underline;
}

.alert-big-stone {
	color: #FFF;
	background-color: var(--big-stone);
	border-color: var(--big-stone);
}

.alert-big-stone .alert-link {
	color: #FFF;
	text-decoration: underline;
}

.alert-big-stone-light {
	color: #FFF;
	background-color: var(--big-stone-light);
	border-color: var(--big-stone-light);
}

.alert-big-stone-light .alert-link {
	color: #FFF;
	text-decoration: underline;
}

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

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

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

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

.alert-hippie-green {
	color: #FFF;
	background-color: var(--hippie-green);
	border-color: var(--hippie-green);
}

.alert-hippie-green .alert-link {
	color: #FFF;
	text-decoration: underline;
}

.alert-hippie-green-light {
	color: #FFF;
	background-color: var(--hippie-green-light);
	border-color: var(--hippie-green-light);
}

.alert-hippie-green-light .alert-link {
	color: #FFF;
	text-decoration: underline;
}