:root,
[data-bs-theme=light],
[data-color-theme=blue] {
    --fhq-ink: #2B1F1A;
    --fhq-cream: #FAF0EB;
    --fhq-berry: #C4336E;
    --fhq-flame: #E84A1A;
    --fhq-ink-rgb: 43, 31, 26;
    --fhq-cream-rgb: 250, 240, 235;
    --fhq-berry-rgb: 196, 51, 110;
    --fhq-flame-rgb: 232, 74, 26;

    --custom-body-bg: var(--fhq-cream);
    --app-sidebar-bg: var(--fhq-ink);
    --app-header-bg: var(--fhq-cream);

    --bs-primary: var(--fhq-berry);
    --bs-secondary: var(--fhq-flame);
    --bs-light: var(--fhq-cream);
    --bs-dark: var(--fhq-ink);
    --bs-primary-rgb: var(--fhq-berry-rgb);
    --bs-secondary-rgb: var(--fhq-flame-rgb);
    --bs-light-rgb: var(--fhq-cream-rgb);
    --bs-dark-rgb: var(--fhq-ink-rgb);
    --bs-primary-text-emphasis: #7a1d44;
    --bs-secondary-text-emphasis: #8a2c10;
    --bs-primary-bg-subtle: #f8e4ec;
    --bs-secondary-bg-subtle: #fde6de;
    --bs-primary-border-subtle: #e9b3c8;
    --bs-secondary-border-subtle: #f5c3b3;
    --bs-body-font-family: "Poppins", sans-serif;
    --bs-body-color: var(--fhq-ink);
    --bs-body-color-rgb: var(--fhq-ink-rgb);
    --bs-body-bg: var(--fhq-cream);
    --bs-body-bg-rgb: var(--fhq-cream-rgb);
    --bs-heading-color: var(--fhq-ink);
    --bs-secondary-color: rgba(43, 31, 26, 0.72);
    --bs-secondary-color-rgb: var(--fhq-ink-rgb);
    --bs-link-color: var(--fhq-berry);
    --bs-link-color-rgb: var(--fhq-berry-rgb);
    --bs-link-hover-color: var(--fhq-flame);
    --bs-link-hover-color-rgb: var(--fhq-flame-rgb);
    --bs-border-color: #eadcd4;
    --bs-tertiary-bg: #fff7f2;
}

html, body {
    font-family: "Poppins", sans-serif !important;
    background-color: var(--fhq-cream) !important;
    color: var(--fhq-ink);
}

h1, h2, h3, h4, h5, h6,
.app-page-title {
    font-family: "Poppins", sans-serif;
    color: var(--fhq-ink);
}

.page-layout,
.app-wrapper {
    background-color: var(--fhq-cream);
}

.btn-primary {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #C4336E;
    --bs-btn-border-color: #C4336E;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #E84A1A;
    --bs-btn-hover-border-color: #E84A1A;
    --bs-btn-focus-shadow-rgb: 196, 51, 110;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #2B1F1A;
    --bs-btn-active-border-color: #2B1F1A;
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #C4336E;
    --bs-btn-disabled-border-color: #C4336E;
}

.btn-secondary {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #E84A1A;
    --bs-btn-border-color: #E84A1A;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #C4336E;
    --bs-btn-hover-border-color: #C4336E;
    --bs-btn-focus-shadow-rgb: 232, 74, 26;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #2B1F1A;
    --bs-btn-active-border-color: #2B1F1A;
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #E84A1A;
    --bs-btn-disabled-border-color: #E84A1A;
}

.btn-outline-primary {
    --bs-btn-color: #C4336E;
    --bs-btn-border-color: #C4336E;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #C4336E;
    --bs-btn-hover-border-color: #C4336E;
    --bs-btn-focus-shadow-rgb: 196, 51, 110;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #C4336E;
    --bs-btn-active-border-color: #C4336E;
    --bs-btn-disabled-color: #C4336E;
    --bs-btn-disabled-border-color: #C4336E;
}

.form-control:focus,
.form-select:focus {
    border-color: #C4336E;
    box-shadow: 0 0 0 0.2rem rgba(196, 51, 110, 0.18);
}

.app-menubar,
.app-navbar-brand {
    background-color: var(--fhq-ink) !important;
    border-color: rgba(250, 240, 235, 0.08) !important;
}

.app-navbar-brand {
    padding: 10px 16px;
}

.app-navbar-brand .navbar-brand-logo img {
    max-height: 52px;
    width: auto;
    max-width: 168px;
    border-radius: 10px;
    background: var(--fhq-cream);
}

[data-app-sidebar=mini] .app-navbar-brand .navbar-brand-logo img {
    max-width: 48px;
    max-height: 48px;
}

.app-navbar .menu-item .menu-link {
    color: var(--fhq-cream);
}

.app-navbar .menu-item .menu-link > i {
    color: #f3d9cc;
}

.app-navbar .menubar .menu-heading {
    color: var(--fhq-flame);
}

.app-navbar .menubar > li.menu-item > .menu-link:hover,
.app-navbar .menubar > li.menu-item > .menu-link.active,
.app-navbar .menubar > li.menu-item > .menu-link.open {
    color: #fff;
    background-color: var(--fhq-berry);
}

.app-navbar .menubar > li.menu-item .menu-inner .menu-link {
    color: #f3d9cc;
}

.app-navbar .menubar > li.menu-item .menu-inner .menu-link.active,
.app-navbar .menubar > li.menu-item .menu-inner .menu-link:hover {
    color: var(--fhq-flame);
}

.app-header {
    background-color: var(--fhq-cream) !important;
    border-bottom-color: #eadcd4 !important;
}

.nav-pills .nav-link.active,
.badge.bg-primary,
.bg-primary {
    background-color: var(--fhq-berry) !important;
}

.text-primary {
    color: var(--fhq-berry) !important;
}

.text-muted,
.text-body-secondary,
.text-body,
small,
.app-page-head span,
.form-text,
.form-label,
.pm-meta,
.pm-stat .label,
.dash-stat .label,
.dash-ws-meta,
.task-field-label {
    color: var(--fhq-ink) !important;
}

.pagination .page-item.active .page-link {
    background-color: var(--fhq-berry);
    border-color: var(--fhq-berry);
}

.auth-cover-wrapper {
    background: var(--fhq-cream);
}

.auth-cover-wrapper .auth-cover {
    background-color: var(--fhq-ink) !important;
    background-image: none !important;
}

.auth-cover-wrapper .auth-cover .cover-img {
    display: none;
}

.auth-cover-wrapper .auth-content h1,
.auth-cover-wrapper .auth-content {
    color: var(--fhq-cream);
}

.auth-cover-wrapper .auth-content p {
    color: #f3d9cc;
    opacity: 1;
}

.dash-card,
.dash-stat,
.pm-panel,
.pm-show-hero,
.ws-card,
.invoice-maker {
    border-color: #eadcd4 !important;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice {
    background-color: #f8e4ec !important;
    border-color: #e9b3c8 !important;
    color: #7a1d44 !important;
}