/* ============================================================
   SMC Diagnostic Center — Brand Colors (from logo)
   Loaded AFTER main.css on purpose.

   main.css contains its entire stylesheet twice (a leftover
   build duplication). The second copy resets --theme/--header
   back to the original template's blue (#3772FF) instead of
   the SMC brand colors, so that reset was silently winning
   the cascade. Declaring the real brand palette here — last —
   guarantees it wins everywhere main.css uses var(--theme),
   var(--header), var(--transparent), which is ~380+ places
   across buttons, badges, icons, cards, links and the footer.

   Palette sampled directly from assets/images/logo.png:
   - orange  (the "S" / "C" letters)
   - navy    (the "DIAGNOSTIC CENTER" text + ring)
   - blue    (the "M" letter gradient)
   - teal    (the cross + tagline "Your Health, Our Commitment")
   - pink    (the center figure)
============================================================ */
:root {
  --theme: #FF4B08;
  --transparent: rgb(from #FF4B08 r g b / 10%);
  --header: #0B1F63;
  --body: #EEF3FB;
  --header-font: "Nunito", sans-serif;
  --body-font: "Mulish", sans-serif;

  /* extra brand accents, not part of the original template,
     available for anything that wants a secondary brand color */
  --brand-blue: #0B4DBD;
  --brand-blue-soft: rgb(from #0B4DBD r g b / 10%);
  --accent-teal: #0B6E71;
  --accent-teal-soft: rgb(from #0B6E71 r g b / 12%);
  --accent-pink: #E11D74;
  --accent-pink-soft: rgb(from #E11D74 r g b / 12%);
}

.smc-tagline { color: var(--accent-teal); }

/* ------------------------------------------------------------
   Hamburger menu: desktop shows the full nav-menu, so the
   hamburger should only ever appear on mobile/tablet — never
   alongside the desktop nav. Reinforced here (with !important)
   so it can't be silently re-shown by any other rule, matching
   the same 1200px breakpoint main.css already uses to hide/show
   .main-nav, so there's no gap where neither is visible.
------------------------------------------------------------ */
/* @media (min-width: 1200px) {
  .smc-header .hamburger {
    display: none !important;
  }
} */