/* Beep Beep Leads presentation on native Frappe; no upstream notices hidden.
   Scope is the actual approved logo (native settings) or our context shell. */
@font-face { font-family: "Beep Inter"; src: url("../branding/Inter.ttf") format("truetype"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Beep Space"; src: url("../branding/SpaceGrotesk.ttf") format("truetype"); font-weight: 300 700; font-style: normal; font-display: swap; }
:is(.beep-surface, body:has(img.app-logo[src="/assets/reach/branding/beep-logo-ink.svg"])) {
  --beep-ink: #162423; --beep-paper: #F7F8F0; --beep-signal: #D7F957;
  --beep-coral: #F17C67; --beep-muted: #65736D; --beep-line: #DCE2D8;
  --beep-white: #FFFFFF; --beep-font-body: "Beep Inter", Arial, sans-serif;
  --beep-font-display: "Beep Space", Arial, sans-serif;
  font-family: var(--beep-font-body); font-variant-numeric: tabular-nums;
}
body:has(img.app-logo[src="/assets/reach/branding/beep-logo-ink.svg"]) {
  --primary: var(--beep-ink); --primary-color: var(--beep-ink);
  --btn-primary: var(--beep-ink);
}
body:has(img.app-logo[src="/assets/reach/branding/beep-logo-ink.svg"]) :is(h1,h2,h3,h4,.title-text) { font-family: var(--beep-font-display); }
body:has(img.app-logo[src="/assets/reach/branding/beep-logo-ink.svg"]) .app-logo {
  width: 160px; max-width: 100%; height: 44px; max-height: 52px; object-fit: contain;
  background: var(--beep-paper); padding: 4px 8px; border-radius: 8px;
}
body:has(img.app-logo[src="/assets/reach/branding/beep-logo-ink.svg"]) .page-card-head .app-logo { width: 220px; height: 70px; max-height: none; }
body:has(img.app-logo[src="/assets/reach/branding/beep-logo-ink.svg"]) .btn-primary {
  background: var(--beep-signal); color: var(--beep-ink); border-color: var(--beep-ink);
}
body:has(img.app-logo[src="/assets/reach/branding/beep-logo-ink.svg"]) .btn-primary:hover { background: var(--beep-paper); color: var(--beep-ink); }
body:has(img.app-logo[src="/assets/reach/branding/beep-logo-ink.svg"]) :is(a,button,input,select,textarea):focus-visible {
  outline: 3px solid var(--beep-ink); outline-offset: 3px;
  box-shadow: 0 0 0 3px var(--beep-paper);
}
html:not([data-theme="dark"]) body:has(img.app-logo[src="/assets/reach/branding/beep-logo-ink.svg"]) {
  --bg-color: var(--beep-paper); --fg-color: var(--beep-white);
  --text-color: var(--beep-ink); --heading-color: var(--beep-ink);
  --border-color: var(--beep-line);
}
body:has(img.app-logo[src="/assets/reach/branding/beep-logo-ink.svg"]) :is(.page-card,.report-summary .summary-item) { border-radius: 16px; }
@media (max-width: 575px) {
  body:has(img.app-logo[src="/assets/reach/branding/beep-logo-ink.svg"]) .navbar-home .app-logo { width: 112px; height: 36px; }
}
@media (prefers-reduced-motion: reduce) {
  :is(.beep-surface, body:has(img.app-logo[src="/assets/reach/branding/beep-logo-ink.svg"])) *,
  :is(.beep-surface, body:has(img.app-logo[src="/assets/reach/branding/beep-logo-ink.svg"])) *::before,
  :is(.beep-surface, body:has(img.app-logo[src="/assets/reach/branding/beep-logo-ink.svg"])) *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}