body {
  --tutor-color-primary: var(--wp--preset--color--primary);
  --tutor-body-color: var(--wp--preset--color--body);
  --tutor-color-secondary: var(--wp--preset--color--body);
  --tutor-color-hints: var(--wp--preset--color--meta);
  --tutor-color-muted: var(--wp--preset--color--meta);
  --tutor-border-color: var(--wp--preset--color--outline);
  --tutor-color-gray: var(--wp--preset--color--surface);
  --tutor-color-success: var(--wp--custom--color--success);
  --tutor-color-success-rgb: var(--wp--custom--color--success-rgb);
  --tutor-color-warning: var(--wp--custom--color--warning);
  --tutor-color-warning-rgb: var(--wp--custom--color--warning-rgb);
  --tutor-color-danger: var(--wp--custom--color--danger);
  --tutor-color-danger-rgb: var(--wp--custom--color--danger-rgb);
}

.tutor-color-secondary {
  color: var(--tutor-body-color);
}

.tutor-bg-gray-10 {
  background-color: var(--tutor-color-gray);
}

.tutor-color-muted {
  color: var(--tutor-color-muted);
}

.tutor-color-success {
  color: var(--tutor-color-success);
}

.tutor-modal-content-white {
  background-color: var(--wp--preset--color--background);
}
.tutor-modal-content-white .tutor-form-control {
  background-color: var(--wp--preset--color--surface);
}

.tutor-course-card .tutor-card-body > :first-child {
  margin-block-start: 0;
}
.tutor-course-card .tutor-card-body > * {
  margin-block-start: var(--wp--preset--spacing--30);
  margin-block-end: 0;
}

.tutor-course-card .tutor-iconic-btn {
  background-color: var(--wp--preset--color--background);
  border-color: var(--wp--preset--color--background);
  opacity: 0.4;
  transition: all 0.3s ease-in-out;
}
.tutor-course-card .tutor-iconic-btn:hover, .tutor-course-card .tutor-iconic-btn:active {
  background-color: var(--tutor-color-primary);
  border-color: var(--tutor-color-primary);
  opacity: 1;
}
.tutor-course-card .tutor-card-body > :first-child {
  margin-block-start: 0;
}
.tutor-course-card .tutor-card-body > * {
  margin-block-start: var(--wp--preset--spacing--30);
  margin-block-end: 0;
}

.tutor-accordion-item {
  border: 1px solid var(--tutor-border-color);
  background-color: var(--wp--preset--color--background);
}

.tutor-accordion-item-header,
.tutor-accordion-item-header:hover,
.tutor-accordion-item-header.is-active {
  color: var(--tutor-body-color);
  background-color: var(--tutor-color-gray);
}

.tutor-accordion-item-header::after {
  color: var(--tutor-body-color);
}

.tutor-accordion-item-body-content {
  border-color: var(--tutor-border-color);
}

.tutor-course-content-list-item {
  background-color: var(--wp--preset--color--background);
}

.tutor-course-content-list-item-icon {
  color: var(--tutor-color-hints);
  opacity: 0.5;
}

.tutor-course-content-list-item:hover {
  background-color: var(--tutor-color-gray);
}

.tutor-card {
  background-color: var(--wp--preset--color--background);
}

.tutor-card:not(.tutor-no-border) {
  color: var(--tutor-body-color);
}

.tutor-card-list-item {
  background-color: var(--wp--preset--color--background);
}

.tutor-single-course-sidebar .tutor-sidebar-card .tutor-card-body {
  background-color: var(--tutor-color-gray);
}

.tutor-single-course-sidebar-more > div {
  background-color: var(--wp--preset--color--background);
}

@media (min-width: 800px) {
  .tutor-course-details-page .tutor-course-details-tab .tutor-is-sticky {
    background: var(--wp--preset--color--background);
  }
}
.tutor-progress-bar {
  background-color: var(--wp--preset--color--outline);
}

.tutor-qna-single-question .tutor-qa-reply {
  background-color: var(--wp--preset--color--background);
}

.tutor-qna-single-question:not([data-context=backend-dashboard-qna-single]) .tutor-qna-left .tutor-qna-text {
  background: var(--wp--preset--color--surface);
}

.tutor-qna-single-question:not([data-context=backend-dashboard-qna-single]) .tutor-qna-right .tutor-qna-text {
  background: var(--wp--preset--color--outline);
}

.tutor-course-single-sidebar-wrapper {
  background-color: var(--tutor-color-gray);
  border-right: 1px solid var(--tutor-border-color);
}

.tutor-course-single-sidebar-wrapper .tutor-course-single-sidebar-title {
  border-top: 1px solid var(--tutor-border-color);
  border-bottom: 1px solid var(--tutor-border-color);
  background-color: var(--wp--preset--color--background);
}

.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header {
  color: var(--tutor-body-color);
  background-color: var(--tutor-color-gray);
  border-bottom: 1px solid var(--tutor-border-color);
}

.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header.is-active,
.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header:active,
.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header:hover {
  color: var(--tutor-body-color);
}

.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header.is-active:after {
  color: var(--tutor-body-color);
}

.tutor-course-single-sidebar-wrapper .tutor-accordion-item-body {
  background-color: var(--wp--preset--color--background);
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active a {
  background-color: var(--tutor-color-gray);
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item a {
  background-color: var(--wp--preset--color--background);
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item:hover .tutor-course-topic-item-icon,
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item:hover .tutor-course-topic-item-title,
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active .tutor-course-topic-item-icon,
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active .tutor-course-topic-item-title {
  color: var(--tutor-body-color);
}

.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-footer {
  background-color: var(--tutor-color-gray);
  border-top: 1px solid var(--tutor-border-color);
}

.tutor-btn {
  color: var(--tutor-color-primary);
}

.tutor-btn-primary {
  border-color: var(--wp--custom--button--background);
  background-color: var(--wp--custom--button--background);
  color: var(--wp--custom--button--color);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.tutor-btn-primary:hover, .tutor-btn-primary:active, .tutor-btn-primary:focus {
  border-color: var(--wp--custom--button--background);
  background-color: var(--wp--custom--button--background);
  color: var(--wp--custom--button--color);
}
.tutor-btn-primary:hover {
  box-shadow: var(--wp--preset--shadow--medium);
  transform: translateY(-3px) scale(1.02);
}
.tutor-btn-primary:active {
  transform: translateY(-1px) scale(0.95);
  box-shadow: var(--wp--preset--shadow--small);
  transition: all 0.1s;
}

.tutor-btn-outline-primary {
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.tutor-btn-outline-primary:hover, .tutor-btn-outline-primary:active, .tutor-btn-outline-primary:focus {
  background-color: var(--wp--custom--button--background);
  border-color: var(--wp--custom--button--background);
  color: var(--wp--custom--button--color);
}
.tutor-btn-outline-primary:hover {
  box-shadow: var(--wp--preset--shadow--medium);
  transform: translateY(-3px) scale(1.02);
}
.tutor-btn-outline-primary:active {
  transform: translateY(-1px) scale(0.95);
  box-shadow: var(--wp--preset--shadow--small);
  transition: all 0.1s;
}

.tutor-btn-secondary {
  color: var(--tutor-body-color);
  background-color: transparent;
  border-color: var(--tutor-border-color);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.tutor-btn-secondary:hover, .tutor-btn-secondary:active, .tutor-btn-secondary:focus {
  background-color: transparent;
  color: var(--tutor-color-primary);
  border-color: var(--tutor-color-primary);
}
.tutor-btn-secondary:hover {
  box-shadow: var(--wp--preset--shadow--medium);
  transform: translateY(-3px) scale(1.02);
}
.tutor-btn-secondary:active {
  transform: translateY(-1px) scale(0.95);
  box-shadow: var(--wp--preset--shadow--small);
  transition: all 0.1s;
}

.tutor-btn-ghost {
  color: var(--tutor-color-hints);
}

.tutor-btn-secondary[disabled],
.tutor-btn-secondary.disabled {
  background-color: var(--tutor-color-gray);
  color: var(--tutor-color-muted);
  border-color: var(--tutor-color-muted);
  opacity: 0.3;
}

.tutor-option-field textarea,
.tutor-option-field input[type=text],
.tutor-option-field input[type=number],
.tutor-option-field input[type="pas.tutor-dashboard-content-innersword"],
.tutor-form-group textarea,
.tutor-form-group input[type=text],
.tutor-form-group input[type=number],
.tutor-form-group input[type=password] {
  border-color: var(--tutor-border-color);
}

.tutor-form-select-dropdown {
  border: 1px solid var(--tutor-border-color);
}

.tutor-form-select-option:hover,
.tutor-form-select-option.is-active {
  background: var(--tutor-color-gray);
}