White labeling & SaaS

/* KRISTIAN M — GHL WHITE LABEL CSS
   Affects: crm.kristianm.com login + agency + sub-account UI */
:root {
  --main-font: 'Poppins', sans-serif;
  --accent-font: 'Capriola', 'Poppins', sans-serif;
  --ink-2: #191F28;          /* default menu + body text */
  --glass: rgba(255, 255, 255, 0.78);
  --royal: #2454FF;
  --login-button-hover-bg: var(--royal);
  --login-button-hover-color: var(--yellow);
  --header-note: 'Having trouble logging in? Contact info@kristianm.com';
}

/* Fade the brand photo to 50% behind the app UI */
html:not(:has(.hl_login)) {
  background-image:
    linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)),
    var(--brand-bg) !important;
}

/* Navy login panel */
body .hl_login--body .card {
  background: var(--main-login-bg) !important;
  border-radius: 10px !important;
  box-shadow: 0 24px 60px rgba(4, 12, 30, .45) !important;
}