/*
  Custom global font override
  - Loaded automatically if this file exists
  - Safe to edit/remove without touching core files
*/

/* Load Montserrat from Google Fonts */
/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

/* Apply the font app-wide while avoiding icon fonts */
html,
body,
button,
input,
select,
textarea,
h1, h2, h3, h4, h5, h6 {
  /*font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;*/
  font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;

}

/* Keep code/monospace blocks unchanged */
code, pre, kbd, samp { font-family: Consolas, Menlo, Monaco, 'Courier New', monospace; }

/* -------------------------------------------------
   Brand colors override (Blue, Light Blue, Orange)
   Adjust HEX values to match your exact logo colors
   This overrides Bootstrap/Tailwind-derived classes
   without modifying core theme files.
-------------------------------------------------- */
:root {
  --brand-primary: #1e40af;        /* Blue */
  --brand-primary-hover: #1b378f;
  --brand-info: #3b82f6;           /* Light Blue */
  --brand-info-hover: #2563eb;
  --brand-accent: #f97316;         /* Orange */
  --brand-accent-hover: #ea580c;
}

/* Links */
a { color: var(--brand-primary); }
a:hover, a:focus { color: var(--brand-primary-hover); }

/* Primary (Blue) */
.text-primary { color: var(--brand-primary) !important; }
.bg-primary, .primary-bg { background-color: var(--brand-primary) !important; color: #fff !important; }
.label-primary, .badge-primary { background-color: var(--brand-primary) !important; border-color: var(--brand-primary) !important; color: #fff !important; }
.btn-primary {
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
  background-color: var(--brand-primary-hover) !important;
  border-color: var(--brand-primary-hover) !important;
}

/* Info (Light Blue) */
.text-info { color: var(--brand-info) !important; }
.bg-info, .info-bg { background-color: var(--brand-info) !important; color: #fff !important; }
.label-info, .badge-info { background-color: var(--brand-info) !important; border-color: var(--brand-info) !important; color: #fff !important; }
.btn-info {
  background-color: var(--brand-info) !important;
  border-color: var(--brand-info) !important;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
  background-color: var(--brand-info-hover) !important;
  border-color: var(--brand-info-hover) !important;
}

/* Warning mapped to Orange (Accent) */
.text-warning { color: var(--brand-accent) !important; }
.bg-warning, .warning-bg { background-color: var(--brand-accent) !important; color: #fff !important; }
.label-warning, .badge-warning { background-color: var(--brand-accent) !important; border-color: var(--brand-accent) !important; color: #fff !important; }
.btn-warning {
  background-color: var(--brand-accent) !important;
  border-color: var(--brand-accent) !important;
  color: #fff !important;
}

/* -------------------------------------------------
   Left sidebar background override
   Requested color: #c5e2f9
   Adjust text/hover for readability on light background
-------------------------------------------------- */
.sidebar { background: #f7f7f7 !important; }
.sidebar li a { color: #374151 !important; }
.sidebar #side-menu > li:first-child { background: transparent !important; }
.sidebar .nav > li > a:hover,
.sidebar .nav > li > a:focus,
.sidebar li.active > a {
  background: rgba(55, 65, 81, 0.08) !important;
  color: #1f2937 !important;
}
.sidebar .nav > li .nav-second-level > li:not(.active) > a { color: #4b5563 !important; }
.sidebar .nav > li .nav-second-level > li:not(.active) > a:hover,
.sidebar .nav > li .nav-second-level > li:not(.active) > a:focus {
  background: rgba(55, 65, 81, 0.08) !important;
  color: #1f2937 !important;
}

/* Setup drawer should follow sidebar palette */
#setup-menu-wrapper,
#setup-menu {
  background: #f7f7f7 !important;
}
#setup-menu > li:first-child {
  border-bottom: 1px solid #e2e8f0 !important;
  color: #1f2937 !important;
}
#setup-menu > li > a,
#setup-menu > li > a:focus,
#setup-menu > li > a:hover {
  color: #1f2937 !important;
  background: transparent !important;
}
#setup-menu li .nav-second-level li a { color: #4b5563 !important; }
#setup-menu li .nav-second-level li a:hover,
#setup-menu li .nav-second-level li.active a,
#setup-menu > li.active > a,
#setup-menu > li > a:hover {
  background: rgba(55, 65, 81, 0.08) !important;
  color: #1f2937 !important;
  border-radius: 5px !important;
}
#setup-menu .close-customizer { color: #4b5563 !important; }
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active {
  background-color: var(--brand-accent-hover) !important;
  border-color: var(--brand-accent-hover) !important;
  color: #fff !important;
}