:root{--brand-primary:#082d59;--brand-primary-dark:#041f40;--brand-accent:#ef6411;--brand-green:#75a92c;--brand-cream:#f7f6ef;--brand-ink:#122b46}
body{color:var(--brand-ink);background:#f7f9f8}
.brand-navbar{background:linear-gradient(100deg,var(--brand-primary-dark),var(--brand-primary))!important;border-bottom:3px solid var(--brand-accent);box-shadow:0 .25rem 1rem rgba(8,61,48,.18)}
.brand-navbar .navbar-brand{display:flex;align-items:center;gap:.65rem;font-weight:750;white-space:nowrap;letter-spacing:-.01em}
.brand-navbar .brand-mark{width:120px;height:48px;object-fit:contain;object-position:center;background:#fff;border-radius:.55rem;padding:3px 8px;box-shadow:0 0 0 2px rgba(255,255,255,.16)}
.brand-navbar .brand-system-name{line-height:1.05;font-size:.95rem}
.brand-navbar .brand-campus{display:block;font-size:.67rem;font-weight:500;opacity:.8;letter-spacing:.04em;text-transform:uppercase}
.brand-navbar .nav-link{border-radius:.55rem;padding-inline:.72rem!important}
.brand-navbar .nav-link:hover,.brand-navbar .nav-link.active{background:rgba(255,255,255,.13);color:#fff}
.brand-navbar .dropdown-item.active,.brand-navbar .dropdown-item:active{background:var(--brand-primary)}
.btn-primary{--bs-btn-bg:var(--brand-primary);--bs-btn-border-color:var(--brand-primary);--bs-btn-hover-bg:var(--brand-primary-dark);--bs-btn-hover-border-color:var(--brand-primary-dark);--bs-btn-active-bg:var(--brand-primary-dark);--bs-btn-active-border-color:var(--brand-primary-dark)}
.text-primary{color:var(--brand-primary)!important}.bg-primary{background-color:var(--brand-primary)!important}
.form-control:focus,.form-select:focus{border-color:var(--brand-accent);box-shadow:0 0 0 .2rem color-mix(in srgb,var(--brand-accent) 24%,transparent)}
.brand-welcome{position:relative;overflow:hidden;border:0;background:linear-gradient(125deg,#fff,var(--brand-cream));box-shadow:0 .4rem 1.25rem rgba(8,61,48,.08)}
.brand-welcome:after{content:"";position:absolute;width:210px;height:210px;right:-30px;bottom:-75px;background:url('../img/mascota-barnard-usyc-hd.png') center/contain no-repeat;opacity:.07;pointer-events:none}
@media(max-width:575.98px){.brand-navbar .brand-mark{width:92px;height:42px}.brand-navbar .brand-system-name{font-size:.82rem}.brand-navbar .brand-campus{max-width:120px;overflow:hidden;text-overflow:ellipsis}}