:root{
  --svu-primary: #fc4d16;
  --svu-bg: #fafaf0;
}

html,body{
  height:100%;
}
body{
  background: var(--svu-bg);
  color: #222;
}

/* Navbar */
.navbar-custom{
  background: var(--svu-primary) !important;
}
.navbar-custom .navbar-brand,
.navbar-custom .nav-link{
  color: #fff !important;
}
.navbar-custom .nav-link:hover{opacity:0.9}

/* Buttons */
.btn-primary{
  background: var(--svu-primary) !important;
  border-color: var(--svu-primary) !important;
}
.btn-primary:hover{
  background: #e04312 !important;
  border-color: #e04312 !important;
}

/* Headings use Anton font */
h1,h2,h3,h4,h5,h6{
  font-family: 'Anton', sans-serif;
}

/* Keep cards white to contrast */
.card{
  background: #ffffff;
}

/* Badges */
.badge.bg-warning.text-dark{
  background:#ffd59b !important;
  color:#000 !important;
}

/* Card tweaks */
.card{
  border: 0;
  border-radius: .5rem;
  box-shadow: 0 6px 18px rgba(34,34,34,0.06);
  margin-bottom:1.25rem;
}

.mb-4{margin-bottom:1.5rem!important}

.table td, .table th{vertical-align:middle}

/* App container (center pages) */
.app-container{
  max-width:1100px;
}

/* Brand */
.brand-logo{height:36px}
.brand-title{color:#fff; font-weight:400; font-size:1.15rem}

/* Navbar link states */
.navbar-custom .nav-link{
  color: rgba(255,255,255,0.95) !important;
  transition: background .12s ease, color .12s ease;
}
.navbar-custom .nav-link:hover{
  background: rgba(255,255,255,0.08);
  color: #fff !important;
  border-radius:.25rem;
}
.navbar-custom .nav-link.active{
  background: rgba(255,255,255,0.16);
  color: #fff !important;
  box-shadow: inset 0 -3px 0 rgba(255,255,255,0.08);
  border-radius:.25rem;
}

/* Outline light adjustments for logout button */
.btn-outline-light{
  color:#fff !important;
  border-color: rgba(255,255,255,0.6) !important;
}
.btn-outline-light:hover{
  background: rgba(255,255,255,0.12) !important;
  color:#fff !important;
}
.logout-btn{padding:.375rem .5rem}

/* Make icon-only buttons compact */
.btn i{vertical-align:middle}