/* ============================
   Muhkam brand tokens & logo utilities
   Loaded before the page stylesheets on every HTML entry point.
   ============================ */

:root {
  --muhkam-ink: #192A44;
  --muhkam-ink-light: #22385A;
  --muhkam-blue: #316FD3;
  --muhkam-blue-dark: #2559B0;
  --muhkam-blue-light: #5C93E8;
  --muhkam-blue-rgb: 49, 111, 211;
  --muhkam-white: #FFFFFF;
}

.muhkam-logo {
  display: block;
  width: 100%;
  height: auto;
}
.muhkam-logo--stacked { max-width: 18rem; }
.muhkam-logo--horizontal { max-width: 31.25rem; }

/* Square mark used in the sidebar, admin header and public navbar. */
.muhkam-mark {
  width: 3rem;
  height: 3rem;
  display: block;
}
.muhkam-mark--sm { width: 28px; height: 28px; }
.muhkam-mark--md { width: 32px; height: 32px; }