/* ===== MicroTech THEME TOKENS (taken from the main website's style.css) =====
   Edit only this file to restyle the admin panel / Student Corner / verification page. */
:root{
  --mt-accent:#F3DD00;          /* website --primary (yellow)  */
  --mt-accent-dark:#d9c500;     /* hover shade of the yellow   */
  --mt-accent-text:#181d38;     /* text colour ON yellow (better contrast than white) */
  --mt-primary:#181d38;         /* website --dark (navy): sidebar, hero, footer */
  --mt-primary-2:#2b3366;       /* lighter navy for gradients  */
  --mt-primary-dark:#10142a;
  --mt-light:#F0FBFC;           /* website --light             */
  --mt-bg:#F0FBFC;
  --mt-card:#ffffff;
  --mt-text:#29323e;            /* website body text colour    */
  --mt-muted:#6b7785;
  --mt-border:#e3eaef;
  --mt-radius:0px;              /* website uses square corners; set 8px to soften */
  --mt-font:'Heebo','Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif;
  --mt-font-head:'Nunito','Heebo','Segoe UI',system-ui,sans-serif;
  --mt-shadow:0 6px 24px rgba(24,29,56,.08);
  /* Hero banner used behind page titles on public pages (same image the website uses).
     If it does not exist the plain navy overlay is shown instead. Set to none to disable. */
  --mt-hero-image:url('/img/coursepage_web_banner.webp');
}
/* make Bootstrap 5.3 follow the website's square look + yellow brand */
:root{
  --bs-body-font-family:var(--mt-font); --bs-body-color:#29323e;
  --bs-border-radius:0; --bs-border-radius-sm:0; --bs-border-radius-lg:0; --bs-border-radius-xl:0; --bs-border-radius-xxl:0; --bs-border-radius-2xl:0; --bs-border-radius-pill:0;
  --bs-warning-rgb:243,221,0;
}