/* ================================================================
   Olive Tree Ridge -- brand accent overlay for Frappe + Frappe CRM
   Primary accent: OTR navy #023E74 (hover/light #0A5EA8).
   Injected site-wide via otr_branding hooks (app_include_css +
   web_include_css) for Desk/login, and via a <link> in the CRM
   SPA entry (crm/www/crm.html) since that build extends no Frappe
   web template. Data-only branding (logo/favicon/name) lives in
   Website + Navbar Settings; this file is color only.
================================================================ */

:root {
  --otr-navy: #023E74;
  --otr-navy-light: #0A5EA8;
  --otr-navy-dark: #011F3A;

  /* Frappe desk (v15) accent tokens */
  --primary: #023E74;
  --primary-color: #023E74;
  --btn-primary: #023E74;
  --text-on-primary: #ffffff;
  --blue-500: #023E74;
  --blue-600: #023E74;
  --blue-100: #e6eef6;
  --sidebar-select-color: #e6eef6;
}

/* ---- Frappe desk (/app) ---------------------------------------- */
.btn-primary,
.btn.btn-primary {
  background-color: var(--otr-navy) !important;
  border-color: var(--otr-navy) !important;
  color: #fff !important;
}
.btn-primary:hover,
.btn.btn-primary:hover {
  background-color: var(--otr-navy-light) !important;
  border-color: var(--otr-navy-light) !important;
}
a, .text-primary { color: var(--otr-navy); }
a:hover { color: var(--otr-navy-light); }
.indicator-pill.blue, .indicator.blue::before { background-color: var(--otr-navy) !important; }
.sidebar-item.selected, .standard-sidebar-item.selected {
  background-color: #e6eef6 !important;
}

/* ---- Login page ------------------------------------------------ */
.page-card .btn-primary { background-color: var(--otr-navy) !important; border-color: var(--otr-navy) !important; }
.for-login .btn-primary, .btn-login { background-color: var(--otr-navy) !important; border-color: var(--otr-navy) !important; }

/* ================================================================
   Frappe CRM SPA (/crm) -- frappe-ui / espresso design tokens.
   Verified against the live DOM 2026-08-07: the SPA has NO
   .crm-container wrapper and uses NO data-variant attribute. The
   "solid" (primary) Button compiles to Tailwind utilities
     text-ink-white bg-surface-gray-7
     hover:bg-surface-gray-6 active:bg-surface-gray-5
   i.e. a near-black ink surface (--surface-gray-7 = #171717).
   Recolor those button surfaces to OTR navy. Blue text/bg accents
   already inherit navy via the --blue-500 / --primary overrides
   above (confirmed --blue-500 resolves to #023E74 in the SPA).
   Scoped to <button> so other dark surfaces are left untouched.
   Tailwind escapes the colon in state variants:
     hover:bg-surface-gray-6  ->  .hover\:bg-surface-gray-6
================================================================ */
button.bg-surface-gray-7 {
  background-color: var(--otr-navy) !important;
}
button.hover\:bg-surface-gray-6:hover {
  background-color: var(--otr-navy-light) !important;
}
button.active\:bg-surface-gray-5:active {
  background-color: var(--otr-navy-dark) !important;
}

/* Defensive: any residual hard-coded blue accents in the SPA. */
.text-blue-500, .text-blue-600 { color: var(--otr-navy) !important; }
.bg-blue-500 { background-color: var(--otr-navy) !important; }