/**
 * SISGED VI — Identidad visual (plomo medio celeste)
 * Plus Jakarta Sans. Acero, pizarra y niebla; rojo solo en alertas.
 */
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap");

:root {
	--sg-font: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;
	--sg-primary: #6A8BA3;
	--sg-primary-hover: #557690;
	--sg-primary-active: #3F5A70;
	--sg-primary-soft: #E8EEF3;
	--sg-primary-muted: #3F5668;
	--sg-secondary: #7E99AD;
	--sg-secondary-soft: #D7E2EA;
	--sg-danger: #C8102E;
	--sg-danger-soft: #FEE2E2;
	--sg-text: #1e293b;
	--sg-text-muted: #475569;
	--sg-border: #e2e8f0;
	--sg-surface: #ffffff;
	--sg-surface-muted: #f8fafc;
	--sg-sidebar-ancho: 272px;
	--sg-primary-rgb: 106, 139, 163;

	--kt-primary: #6A8BA3;
	--kt-primary-active: #557690;
	--kt-primary-light: #E8EEF3;
	--kt-primary-inverse: #ffffff;
	--kt-text-primary: #6A8BA3;
	--bs-primary: #6A8BA3;
	--bs-primary-rgb: 106, 139, 163;
	--bs-link-color: #6A8BA3;
	--bs-link-hover-color: #557690;
}

html,
body,
body.app-default,
body.sisged-login-page,
.app-default,
.app-sidebar,
.menu,
.menu-title,
.page-heading,
.btn,
.form-control,
.form-select,
.card,
.form-label {
	font-family: var(--sg-font) !important;
}

body.app-default {
	font-size: 16px;
	line-height: 1.5;
	color: var(--sg-text);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.app-sidebar .sisged-menu-icon-ai,
.app-sidebar .sisged-menu-icon-danger {
	color: var(--sg-primary) !important;
}

.btn-primary {
	color: #fff !important;
	background-color: var(--sg-primary) !important;
	border-color: var(--sg-primary) !important;
}

.btn-primary:hover,
.btn-primary:focus {
	color: #fff !important;
	background-color: var(--sg-primary-hover) !important;
	border-color: var(--sg-primary-hover) !important;
}

.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
	color: #fff !important;
	background-color: var(--sg-primary-active) !important;
	border-color: var(--sg-primary-active) !important;
}

.btn-light-primary,
.badge-light-primary,
.alert-light-primary,
.bg-light-primary {
	color: var(--sg-primary-muted) !important;
	background-color: var(--sg-primary-soft) !important;
}

.btn-light-primary:hover,
.btn-light-primary:focus,
.btn-active-light-primary:hover:not(.btn-active) {
	color: var(--sg-primary-muted) !important;
	background-color: var(--sg-secondary-soft) !important;
	border-color: transparent !important;
}

.btn-light-primary.active,
.btn-check:checked + .btn-light-primary {
	color: #fff !important;
	background-color: var(--sg-primary) !important;
	border-color: var(--sg-primary) !important;
}

.text-primary,
.link-primary {
	color: var(--sg-primary) !important;
}

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

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

.form-check-input:checked {
	background-color: var(--sg-primary);
	border-color: var(--sg-primary);
}

.form-control:focus,
.form-select:focus {
	border-color: var(--sg-primary);
	box-shadow: 0 0 0 0.25rem rgba(var(--sg-primary-rgb), 0.16);
}