/* Helpdesk root */
#app {
    --primary-color: #05B686;
    --primary-light: #f0fdf9;
    --secondary: #059973;
}

/* ================================
   HELP DESK – BUTTON HOVER STYLES
   ================================ */

/* #app .btn,
#app button,
#app [class*="btn-"] {
    background-color: color-mix(in srgb, var(--primary-color), white 20%) !important;
    color: color-mix(in srgb, var(--primary-color), white 20%) !important;
    border-color: #05B686 !important;
} */


#app .btn:hover,
#app button:hover,
#app [class*="btn-"]:hover,
#app .btn:focus-visible,
#app button:focus-visible,
#app [class*="btn-"]:focus-visible {
    background-color: color-mix(in srgb, var(--primary-color), white 40%) !important;
    color: #fff !important;
    border-color: #059973 !important;
}


/* Override all frappe-ui themed variables except white */
:root {

  --surface-gray-1: #05B686 !important;
  /* --surface-gray-2: #05B686 !important; */
  /* --surface-gray-3: #05B686 !important; */
  --surface-gray-4: #05B686 !important;
  --surface-gray-5: #05B686 !important;
  --surface-gray-6: #05B686 !important;
  --surface-gray-7: #05B686 !important;

  /* --ink-gray-1: #05B686 !important;
  --ink-gray-2: #05B686 !important;
  --ink-gray-3: #05B686 !important;
  --ink-gray-4: #05B686 !important; */
  /* --ink-gray-5: #fff !important; */
  /* --ink-gray-6: #05B686 !important;
  --ink-gray-7: #05B686 !important; */
  /* --ink-gray-8: #fff !important; */
  /* --ink-gray-9: #05B686 !important; */
}