body#custom-css {
    --mainColor: var(--color-01-60); /* Original tone: hsl(24, 90%, 50%) – vibrant orange */
    --mainColorLighter: var(--color-01-70); /* Original tone: #f5873d – lighter orange */
    --mainColorLightest: var(--color-01-90); /* Original tone: #fce1cf – very light orange/beige */
    --mainColorVeryLight: var(--color-01-95); /* Original tone: #fff5eb – almost white */
    --mainHoverColor: var(--color-01-64); /* Original tone: #f47825 – hover orange */
    --mainBackgroundHoverColor: var(--color-01-92); /* Original tone: #e9ecef – light gray */
    --mainBackgroundColor: var(--color-01-99); /* Original tone: #fff – white */
    --mainForegroundColor: var(--color-01-10); /* Original tone: #212529 – dark gray/black */
    --greyForegroundColor: var(--color-01-50); /* Original tone: #585858 – medium gray */
    --greyBackgroundColor: var(--color-01-90); /* Original tone: #E5E5E5 – light gray */
    --greySecondaryBackgroundColor: var(--color-01-91); /* Original tone: #EFEFEF – very light gray */
    --menuBackgroundColor: var(--color-01-82); /* Original tone: #000 – black */
    --menuForegroundColor: var(--color-01-99); /* Original tone: #fff – white */
    --submenuBackgroundColor: var(--color-01-95); /* Original tone: #F7F7F7 – off-white/light gray */
    --channelBackgroundColor: var(--color-01-93); /* Original tone: #f6ede8 – warm light beige */
    --inputForegroundColor: var(--color-01-10); /* Original tone: #212529 – dark gray */
    --inputBackgroundColor: var(--color-01-99); /* Original tone: #fff – white */
    --inputPlaceholderColor: var(--color-01-55); /* Original tone: #797676 – medium gray */
    --inputBorderColor: var(--color-01-80); /* Original tone: #C6C6C6 – light gray */
    --textareaForegroundColor: var(--color-01-10); /* Original tone: #212529 – dark gray */
    --textareaBackgroundColor: var(--color-01-99); /* Original tone: #fff – white */
    --markdownTextareaBackgroundColor: var(--color-01-91); /* Original tone: #EFEFEF – very light gray */
    --actionButtonColor: var(--color-01-50); /* Original tone: #585858 – medium gray */
    --supportButtonColor: var(--actionButtonColor); /* Original tone: same as actionButtonColor (#585858) */
    --activatedActionButtonColor: var(--color-01-10); /* Original tone: #212529 – dark gray */
    color: var(--mainForegroundColor);
    background-color: var(--mainBackgroundColor);
}

div.searchbox input.autocomplete-input{
    background-position: 12px;
    background-repeat: no-repeat;
}

html[native-dark-active] my-app button, button {
    background-color: transparent;
}
