/*
 * brand.css — KACON brand palette overrides
 * Loaded after bootstrap.css / style.css / dashboard.css so these rules win the cascade.
 * Palette: navy #1F3A68 (primary), amber #EFA83C (accent), light grey-blue #F0F1F5 (background).
 */

:root {
	--brand-navy: #1F3A68;
	--brand-navy-dark: #16294D;
	--brand-navy-tint: rgba(31, 58, 104, 0.14);
	--brand-amber: #EFA83C;
	--brand-amber-dark: #D9902A;
	--brand-bg: #F0F1F5;
}

/* ---- Links ---- */
a {
	color: var(--brand-navy);
}
a:hover {
	color: var(--brand-navy-dark);
}
.grade-change-link {
	color: var(--brand-navy);
}

/* ---- Buttons ---- */
.btn-primary,
.btn-primary:not(:disabled):not(.disabled):active {
	background-color: var(--brand-navy);
	border-color: var(--brand-navy);
	color: #fff;
}
.btn-primary:hover,
.btn-primary:focus {
	background-color: var(--brand-navy-dark);
	border-color: var(--brand-navy-dark);
	color: #fff;
}
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus {
	box-shadow: 0 0 0 0.2rem rgba(239, 168, 60, 0.5);
}
.btn-warning {
	background-color: var(--brand-amber);
	border-color: var(--brand-amber);
	color: var(--brand-navy);
	font-weight: 600;
}
.btn-warning:hover,
.btn-warning:focus {
	background-color: var(--brand-amber-dark);
	border-color: var(--brand-amber-dark);
	color: var(--brand-navy);
}
/* Amber call-to-action in the style of the course-card button */
.btn-brand {
	background-color: var(--brand-amber);
	border: 1px solid var(--brand-amber);
	color: var(--brand-navy);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}
.btn-brand:hover,
.btn-brand:focus {
	background-color: var(--brand-amber-dark);
	border-color: var(--brand-amber-dark);
	color: var(--brand-navy);
}

/* ---- Top navbar / sidebar ---- */
.nav-bg {
	border-bottom: 3px solid var(--brand-amber);
}
#sidebar .nav-item.active {
	background-color: var(--brand-navy-tint);
}
#sidebar .nav-link.active {
	color: var(--brand-navy);
}
.nav-tabs .nav-link.active {
	background-color: var(--brand-navy-tint) !important;
	color: var(--brand-navy) !important;
	border-bottom: 3px solid var(--brand-amber);
}

/* ---- Page chrome ---- */
#content {
	background-color: var(--brand-bg);
}
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb:hover {
	background-color: var(--brand-navy-tint);
}
#sidebar,
#sidebar::-webkit-scrollbar {
	scrollbar-color: var(--brand-navy-tint);
}

/* ---- Tables, headers, counters ---- */
.bg-dark {
	background-color: var(--brand-navy) !important;
}
.table .thead-dark th {
	background-color: var(--brand-navy);
	border-color: var(--brand-navy);
}
.mailcount {
	background-color: var(--brand-navy);
}
.pendingcount {
	background-color: var(--brand-amber);
	color: var(--brand-navy);
	font-weight: 600;
}
.breadcrumb a,
.breadcrumb a:hover {
	color: var(--brand-navy);
}

/* ---- Login page ---- */
.headercenter {
	background-color: var(--brand-navy);
}
.trdd {
	background-color: var(--brand-navy);
}
form .login:hover,
form .login:focus {
	border: solid 2px var(--brand-amber);
}