/* Radio Logs Brand Kit v1 */
:root {
  --rl-brand-navy: #0D1B2A;
  --rl-brand-blue: #1472C4;
  --rl-brand-cyan: #00A4E4;
  --rl-brand-green: #28B463;
  --rl-brand-slate: #6B7280;
}

/* Sidebar/logo refinement */
.rl-brand-mark,
.app-brand-mark,
.sidebar-brand-mark {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: url('/static/img/brand/radiologs-mark.svg') center/cover no-repeat;
  box-shadow: 0 10px 22px rgba(20, 114, 196, .22);
  flex: 0 0 auto;
}

/* Common brand image utility */
.rl-wordmark {
  display: block;
  max-width: 360px;
  width: 100%;
  height: auto;
}

/* Login screen brand treatment, safe generic targeting */
body:has(.login-card),
body:has(form[action*="login"]) {
  background:
    radial-gradient(circle at 20% 10%, rgba(0,164,228,.14), transparent 30rem),
    linear-gradient(180deg, #eef3f9 0%, #e8edf4 100%);
}

html[data-theme="dark"] body:has(.login-card),
html[data-theme="dark"] body:has(form[action*="login"]) {
  background:
    radial-gradient(circle at 20% 10%, rgba(0,164,228,.18), transparent 30rem),
    linear-gradient(180deg, #08111f 0%, #0b1220 100%);
}

/* Brand accent for primary app chrome */
.app-brand-title,
.sidebar-brand-title,
.site-brand h1 {
  letter-spacing: -0.04em;
}

/* Browser/mobile safe theme color visual consistency */
@media (display-mode: standalone) {
  body { overscroll-behavior-y: none; }
}