html body.tw-use-design-system {
    --primary-color: #C60a05;
    --on-primary-color: white;
    --primary-color--600: #9f0d09;
    --primary-color--400: #d50c07;

    --navbar-color: #333333;
    --on-navbar-color: white;
    --navbar-color--hover: #222222;

    --background-color: white;


    --secondary-color: #333333;
    --secondary-color--600: #333333;
    --secondary-color--400: #333333;
    --on-secondary-color: white;
    --on-secondary-color--400: white;
    --on-secondary-color--600: white;

    --gradient-primary: #333;
    --gradient-social: #333;
    --gradient-accent: #333;
    --gradient-success: #333;
    --secondary-control-color--active: #C60a05;
    --primary-color-hover: #C60a05;
}

html .question-view .question-name {
    background: #333;
    color: white;
}

html .tw-btn.tw-btn--icon:hover {
    color: #222222;
}

html .hamburger-menu .sidebar-panel {
    background: #333;
}

html .landing-carousel-view.mobile-ux .swipe-container .inspiration{
    background: var(--primary-color);
}