/* Computer Detectives — Brand Tokens */
:root {
  --lsh-navy: #14233f;
  --lsh-red: #0041a5;
  --lsh-steel: #5a6a7d;
  --lsh-white: #ffffff;
  --lsh-off-white: #f4f8fc;
  --lsh-navy-soft: #1c4587;

  --cd-navy: #14233f;
  --cd-blue: #1c4587;
  --cd-bright: #0041a5;
  --cd-sky: #d7e8f6;
  --cd-gold: #e0a84a;

  --font-display: "Comfortaa", system-ui, sans-serif;
  --font-body: "Manrope", "Segoe UI", sans-serif;

  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;

  --max-width: 1120px;
  --radius: 12px;
  --transition: 220ms ease;
}

/* Phone: (512) 630-2659 */
/* Web: computerdetectives.net */


/* Computer Detectives wordmark */
.brand-name-cd {
  display: block;
  font-family: var(--font-display, "Comfortaa", sans-serif);
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: inherit;
  text-transform: none;
  line-height: 1.15;
}
.brand-lockup-login .brand-name-cd {
  font-size: 1.35rem;
  color: var(--navy, #14233f);
}
.topbar-brand .brand-mark,
.app-footer img {
  object-fit: contain;
  border-radius: 8px;
  background: #fff;
}
.branded-login .brand-mark.login-mark,
.branded-login .login-mark {
  width: clamp(8.5rem, 32vw, 11rem);
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  border-radius: 14px;
  background: #fff;
}