/* Loaded through site-installed app hooks only; preserves explicit dark mode. */
html:not([data-theme="dark"]),
html[data-theme="light"] {
  --primary: #006c64;
  --primary-color: #006c64;
  --brand-color: #006c64;
  --btn-primary: #006c64;
  --bg-color: #f5f8f7;
  --fg-color: #ffffff;
  --card-bg: #ffffff;
  --modal-bg: #ffffff;
  --navbar-bg: #ffffff;
  --subtle-accent: #edf4f2;
  --subtle-fg: #edf4f2;
  --fg-hover-color: #e8f2ef;
  --control-bg: #edf4f2;
  --control-bg-on-gray: #e4eeeb;
  --text-color: #172f2b;
  --text-muted: #526760;
  --heading-color: #172f2b;
  --border-color: #d8e3df;
  --dark-border-color: #b9cec6;
  --table-border-color: #d8e3df;
  --border-primary: #006c64;
  --sidebar-select-color: #dceee8;
  --btn-default-bg: #edf4f2;
  --btn-default-hover-bg: #dceae5;
  --btn-ghost-hover-bg: #dceae5;
  --date-active-bg: #006c64;
  --date-active-text: #ffffff;
  --border-radius: 8px;
  --border-radius-md: 10px;
  --border-radius-lg: 12px;
  --card-shadow: 0 2px 6px rgb(23 47 43 / 6%);
}

html:not([data-theme="dark"]) .btn-primary {
  background: #006c64;
  border-color: #006c64;
  color: #ffffff;
}
html:not([data-theme="dark"]) .btn-primary:hover,
html:not([data-theme="dark"]) .btn-primary:active {
  background: #00574f;
  border-color: #00574f;
  color: #ffffff;
}
html:not([data-theme="dark"]) a:not(.btn):not(.dropdown-item) {
  /* Links inherit Frappe's context where status color communicates meaning. */
  text-underline-offset: 3px;
}
html:not([data-theme="dark"]) :is(a, button, input, select, textarea):focus-visible {
  outline: 2px solid #006c64;
  outline-offset: 3px;
}
html:not([data-theme="dark"]) :is(.widget, .frappe-card, .form-section.card-section) {
  border-radius: 12px;
}
html:not([data-theme="dark"]) .page-card {
  background: #ffffff;
  border: 1px solid #d8e3df;
  border-radius: 16px;
  box-shadow: 0 8px 30px rgb(23 47 43 / 8%);
}
html:not([data-theme="dark"]) .for-login .page-card-head,
html:not([data-theme="dark"]) .for-forgot .page-card-head {
  color: #172f2b;
}
.for-login .page-card-head .app-logo,
.for-forgot .page-card-head .app-logo {
  max-width: 210px;
  width: 210px;
  height: 56px;
  object-fit: contain;
}
@media (prefers-reduced-motion: reduce) {
  .page-card { scroll-behavior: auto; }
}