:root, .dark, .light {
    --new-btn-primary: #ff6600 !important;
    --new-ai-btn: #ff8533 !important;
    --color-forth: #ff751a !important;
    --new-table-text-focused: #ff6600 !important;
    --color-custom51: #ff6600 !important;
}

/* Dark mode: restore original sidebar icon colors (they weren't purple) */
:root .dark {
    --new-textItemFocused: #1a1919 !important;
    --new-boxFocused: #fff !important;
}

/* Light mode: override the purple values to orange */
:root .light {
    --new-textItemFocused: #ff6600 !important;
    --new-boxFocused: #fff3e6 !important;
}

/* Force text colors */
[class*="text-purple"], 
[class*="text-violet"], 
[class*="text-indigo"], 
[class*="text-pink"] {
    color: #ff6600 !important;
}

/* Force backgrounds */
[class*="bg-purple"], 
[class*="bg-violet"], 
[class*="bg-pink"], 
[class*="bg-[#ff6600]"] {
    background-color: #ff6600 !important;
}

/* Force toggle/slider active state */
.bg-customColor4 {
    background-color: #ff6600 !important;
}

/* Fix the 20,000+ pink text in Auth page */
span.text-\[42px\], 
.lg\:flex.flex-col.items-center .text-center span {
    color: #ff6600 !important;
}

/* Override SVGLine purple gradient to orange */
#paint0_linear_1930_1119 stop:first-child {
    stop-color: #ff6600 !important;
}

#paint0_linear_1930_1119 stop:last-child {
    stop-color: #cc5200 !important;
}

#paint1_radial_1930_1119 stop:first-child {
    stop-color: #ff8533 !important;
}

#paint1_radial_1930_1119 stop:last-child {
    stop-color: #ff8533 !important;
}

/* Onboarding modal purple gradient button */
[class*="from-\[#622aff\]"] {
    background: linear-gradient(to right, #ff6600, #ff8533) !important;
}

/* Hide original SVGs/logos */
svg[width="101"][height="33"], 
svg[width="60"][height="60"], 
a[href="/"] svg,
#left-menu a[href="/"] { 
    display: none !important; 
}

/* Auth/Login Logo Replacement */
.mx-auto.justify-center.h-full.flex.flex-col.text-white::before {
    content: "";
    display: block;
    height: 80px;
    width: 100%;
    background: url(/home-logo.png) no-repeat left;
    background-size: contain;
    margin-bottom: 20px;
}

/* Sidebar Logo Replacement */
#left-menu div.flex.flex-col.h-full::before {
    content: "";
    display: block;
    width: 100%;
    height: 60px;
    background: url(/my-logo.png) no-repeat center;
    background-size: contain;
    margin-bottom: 20px;
    margin-top: 20px;
}