/* ==================================================================
   Machera Group — brand styles for Frappe/ERPNext Desk & website
   Palette (from the Machera Group logo package):
     Machera Green  #14452F
     Soil Ochre     #B57324
     Ink Charcoal   #1C1C1A
   Keep overrides tasteful: buttons, accents, navbar. The Desk should
   feel like Machera, not fight the framework.
   ================================================================== */

:root {
  --machera-green: #14452F;
  --machera-green-dark: #0E3222;   /* hover/active */
  --machera-green-soft: #E7EFEA;   /* light tint backgrounds */
  --machera-ochre: #B57324;
  --machera-ochre-soft: #F6ECDF;
  --machera-charcoal: #1C1C1A;

  /* Frappe theme variables */
  --primary: var(--machera-green);
  --primary-color: var(--machera-green);
  --btn-primary: var(--machera-green);
  --checkbox-color: var(--machera-green);
  --sidebar-selected-color: var(--machera-green);
}

/* Primary buttons */
.btn-primary {
  background-color: var(--machera-green) !important;
  border-color: var(--machera-green) !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--machera-green-dark) !important;
  border-color: var(--machera-green-dark) !important;
}

/* Navbar: subtle ochre foundation line under the top bar
   (echoes the foundation blocks in the symbol) */
.navbar {
  border-bottom: 3px solid var(--machera-ochre);
}

/* Navbar brand logo sizing */
.navbar-brand img,
.app-logo {
  max-height: 28px;
}

/* Links and active states */
a:not(.btn) {
  color: var(--machera-green);
}
a:not(.btn):hover {
  color: var(--machera-green-dark);
}

/* Sidebar active item */
.desk-sidebar-item.selected,
.sidebar-item-container .selected {
  border-left: 3px solid var(--machera-ochre);
}

/* Native form controls pick up the brand */
input[type="checkbox"],
input[type="radio"] {
  accent-color: var(--machera-green);
}

/* Indicator pills commonly used for "green" statuses */
.indicator-pill.green,
.indicator.green::before {
  background-color: var(--machera-green-soft);
  color: var(--machera-green);
}

/* Login page */
.for-login .page-card,
.for-signup .page-card {
  border-top: 4px solid var(--machera-green);
}
.for-login .btn-primary {
  background-color: var(--machera-green) !important;
}