/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/
/*
  Campus Nexus - KNUST brand layer over the Velzon theme.

  The green/red/gold palette is baked into the compiled Bootstrap + Velzon CSS
  via _variables.scss ($primary + $success = green #014903, $warning = gold
  #FFFB06, $danger = red #8D0101), so all standard Velzon components are themed
  at the source. This file only exposes the palette as CSS variables for bespoke
  (non-Velzon) components - login shells, public landing pages - and a few
  `.brand` / `.accent` helper classes.

  NOTE: keep this in sync with campus_nexus/static/css/custom.css.
*/
:root {
  /* KNUST brand palette (base + provided shades) */
  --brand: #014903;
  --brand-mid: #2C802E;
  --brand-light: #72B673;
  --brand-red: #8D0101;
  --brand-red-dark: #6D1515;
  --brand-red-light: #CE5E5E;
  --accent: #ffc107;
  --accent-dark: #e0a800;
  --accent-light: #ffe083;
  /* Back-compat aliases used by older templates */
  --primary: var(--brand);
  --primary-dark: #013202;
  --primary-light: #e8f5ee;
  /* Dark sidebar text tinted green to match the green sidebar
     (active/hover stay white, set by app.css). */
  --vz-vertical-menu-item-color-dark: #a3d1a4;
  --vz-vertical-menu-sub-item-color-dark: #a3d1a4;
  --vz-vertical-menu-title-color-dark: #84b385;
}

.text-brand {
  color: var(--brand) !important;
}

.bg-brand {
  background-color: var(--brand) !important;
  color: #fff;
}

.btn-brand {
  background-color: var(--brand);
  border-color: var(--brand);
  color: #fff;
}

.btn-brand:hover,
.btn-brand:focus,
.btn-brand:active {
  background-color: var(--brand-mid);
  border-color: var(--brand-mid);
  color: #fff;
}

.btn-outline-brand {
  color: var(--brand);
  border-color: var(--brand);
}

.btn-outline-brand:hover,
.btn-outline-brand:focus,
.btn-outline-brand:active {
  background-color: var(--brand);
  border-color: var(--brand);
  color: #fff;
}

.text-accent {
  color: var(--accent-dark) !important;
}

.bg-accent {
  background-color: var(--accent) !important;
  color: #212529;
}

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

.form-control.brand-focus:focus,
.brand-focus .form-control:focus {
  border-color: var(--brand);
  -webkit-box-shadow: 0 0 0 0.15rem rgba(1, 73, 3, 0.15);
          box-shadow: 0 0 0 0.15rem rgba(1, 73, 3, 0.15);
}

/* --- LTR sidebar layout correction ---
   The shipped app.css was built with the vertical-sidebar margins flipped to the
   right while the sidebar is fixed on the LEFT, so page content slid under the
   sidebar. Rebuilding app.css from src (`gulp scss`) regenerates the correct
   margin-left; these rules restore it in the meantime and stay harmless once
   app.css is correct. */
@media (min-width: 768px) {
  .main-content {
    margin-left: 250px !important;
    margin-right: 0 !important;
  }
  [data-sidebar-size=md] .main-content {
    margin-left: 180px !important;
    margin-right: 0 !important;
  }
  [data-sidebar-size=sm] .main-content,
  [data-sidebar-size=sm-hover] .main-content {
    margin-left: 70px !important;
    margin-right: 0 !important;
  }
  [data-layout=horizontal] .main-content {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
.navbar-menu {
  border-left: 0 !important;
  border-right: 1px solid var(--vz-vertical-menu-border, #e9ebec) !important;
}