:root {
  --assigned-to-coach: #f8ecc8;
  --assigned-to-coach-thumb: #efd584;
  --assigned-to-partner: #dccfe2;
  --assigned-to-partner-thumb: #a6c;
}

html,
body,
#root {
  height: 100%;
  font-family: "oxfam", sans-serif;
}

.hide-scrollbar {
  overflow: -moz-hidden-unscrollable;
  overflow: hidden;
}

::-webkit-scrollbar {
  height: 2px;
  width: 5px;
}
::-webkit-scrollbar-button {
  height: 0;
  width: 0;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e0;
  border: 0 #cbd5e0;
}
::-webkit-scrollbar-thumb:hover {
  background: #79a4c6;
}
::-webkit-scrollbar-thumb:active {
  background: #568bb6;
}
::-webkit-scrollbar-track {
  background: #fff;
  border: 0 #fff;
}
::-webkit-scrollbar-corner {
  background: transparent;
}

/* Dark Mode */
.chakra-ui-dark ::-webkit-scrollbar-thumb {
  background: #2d3748;
  border: 0 #2d3748;
}
.chakra-ui-dark ::-webkit-scrollbar-thumb:hover {
  background: #cbd5e0;
}
.chakra-ui-dark ::-webkit-scrollbar-thumb:active {
  background: #568bb6;
}
.chakra-ui-dark ::-webkit-scrollbar-track {
  background: #171923;
  border: 0 #171923;
}

/* Fonts */
@font-face {
  font-family: "oxfam";
  src: url("./fonts/oxfam-bold-italic.woff") format("woff");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "oxfam";
  src: url("./fonts/oxfam-bold.woff") format("woff");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "oxfam";
  src: url("./fonts/oxfam-light-italic.woff") format("woff");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "oxfam";
  src: url("./fonts/oxfam-light.woff") format("woff");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "oxfam";
  src: url("./fonts/oxfam-medium-italic.woff") format("woff");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "oxfam";
  src: url("./fonts/oxfam-medium.woff") format("woff");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "oxfam";
  src: url("./fonts/oxfam-regular-italic.woff") format("woff");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "oxfam";
  src: url("./fonts/oxfam-regular.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "oxfam-headline";
  src: url("./fonts/oxfam-headline.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

.ck-editor__main {
  ul,
  ol {
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    unicode-bidi: isolate;
  }

  a {
    color: #3182ce;
    text-decoration: underline;
  }
}

.ck-rounded-corners .ck.ck-balloon-panel,
.ck.ck-balloon-panel.ck-rounded-corners {
  z-index: 9999 !important;
}

.badge-journeys {
  border-radius: 1rem;
  box-shadow: none !important;
  padding: 0.35rem 0.8rem;
}

.chakra-heading {
  font-family: "oxfam-headline", sans-serif !important;
}

.chakra-stat__number {
  font-family: "oxfam-headline", sans-serif !important;
}

.customProgress > div {
  background: #52525b !important;
}

/* Prevent text selection in automation sidebar and forms */
.automations-sidebar-container,
.automations-sidebar-container * {
  user-select: none !important;
}