/* Carmine theme: color tokens */
:root {
    --main-bg-color: #c61f26 !important;
    --active-bg-color: #c61f26 !important;
    --active-text-color: #ffffff !important;
    --hover-bg-color: #f8e7e8 !important;
    --button-bg-color: #eef0f0 !important;
    --btn-diabled-bg-color: #c8c8c8 !important;
    --page-bg-color: #f4f6f9 !important;
    --surface-bg-color: #ffffff !important;
    --surface-border-color: #dfe5ea !important;
    --text-color: #4d4d4d !important;
    --bright-text-color: #4d4d4d !important;
    --input-bg-color: #fff7f7 !important;
    --grid-header-bg-color: #ebeff2 !important;
    --grid-alt-row-bg-color: #fff8f8 !important;
    --selected-text-color: #ffffff !important;
    --grid-row-hover-text-color: #000000 !important;
    --data-grid-borders: #e3c2c4 !important;
    --horizontal-page-title-bg: linear-gradient(180deg, #fffdfd 0%, #fff5f5 100%) !important;
    --horizontal-page-title-border-color: rgba(198, 31, 38, 0.12) !important;
    --horizontal-page-title-icon-color: var(--main-bg-color) !important;
    --horizontal-page-title-subtitle-color: #7f7d86 !important;
    --horizontal-footer-bg: #fff6f6 !important;
    --horizontal-footer-border-color: rgba(198, 31, 38, 0.12) !important;
    --horizontal-footer-text-color: var(--text-color) !important;
    --horizontal-dock-header-bg: #fff2f2 !important;
    --horizontal-dock-header-border-color: rgba(198, 31, 38, 0.14) !important;
    --horizontal-dock-header-border-bottom-color: rgba(198, 31, 38, 0.1) !important;
    --horizontal-dock-header-text-color: var(--text-color) !important;
    --horizontal-dock-body-bg: var(--surface-bg-color) !important;
    --horizontal-dock-body-border-color: rgba(223, 229, 234, 0.95) !important;
    --horizontal-dock-customize-hover-bg: rgba(198, 31, 38, 0.12) !important;
    --horizontal-dock-drag-shadow: 0 6px 12px rgba(198, 31, 38, 0.22) !important;
    --horizontal-dock-collapse-bg: rgba(198, 31, 38, 0.08) !important;
    --horizontal-dock-collapse-text-color: #8f2b31 !important;
    --horizontal-dock-collapse-hover-bg: rgba(198, 31, 38, 0.16) !important;
    --horizontal-header-action-text-color: #ffffff !important;
    --horizontal-header-action-hover-bg: rgba(255, 255, 255, 0.18) !important;
    --horizontal-header-action-hover-border-color: rgba(255, 255, 255, 0.34) !important;
    --horizontal-profile-avatar-bg: rgba(255, 255, 255, 0.1) !important;
    --horizontal-nav-hover-bg: rgba(255, 255, 255, 0.18) !important;
    --horizontal-nav-hover-text-color: #ffffff !important;
    --horizontal-nav-active-bg: #ffffff !important;
    --horizontal-nav-active-text-color: var(--main-bg-color) !important;
    --horizontal-nav-active-shadow: 0 1px 3px rgba(15, 23, 42, 0.12) !important;
    --horizontal-responsive-drawer-bg: var(--main-bg-color) !important;
    --horizontal-responsive-drawer-border-color: rgba(255, 255, 255, 0.12) !important;
    --horizontal-responsive-drawer-shadow: 0 18px 40px rgba(15, 23, 42, 0.18) !important;
    --horizontal-responsive-group-title-color: rgba(255, 255, 255, 0.96) !important;
    --horizontal-responsive-divider-color: rgba(255, 255, 255, 0.18) !important;
    --horizontal-responsive-submenu-bg: transparent !important;
    --horizontal-responsive-submenu-nested-bg: transparent !important;
    --horizontal-responsive-submenu-text-color: var(--main-text-color) !important;
    --horizontal-responsive-submenu-hover-bg: var(--horizontal-nav-hover-bg) !important;
    --horizontal-responsive-submenu-hover-text-color: var(--horizontal-nav-hover-text-color) !important;
    --horizontal-responsive-submenu-divider: var(--horizontal-responsive-divider-color) !important;
    --alternate-layout-group-bg: #f9fafb !important;
}