body {
    /* Darker backgrounds */
    --cpd-color-bg-canvas-default: #0a0a0a !important;
    --cpd-color-bg-canvas-default-level-1: #111111 !important;
    --cpd-color-bg-canvas-disabled: #0e0e0e !important;
    --cpd-color-bg-subtle-primary: #161616 !important;
    --cpd-color-bg-subtle-secondary: #1a1a1a !important;
    --cpd-color-bg-subtle-secondary-level-0: #0e0e0e !important;
    --roomlist-background-color: #0a0a0a !important;
    --sidebar-color: #080808 !important;
    --timeline-background-color: #0e0e0e !important;

    /* Orange text */
    --cpd-color-text-primary: #E8C5A0 !important;
    --cpd-color-text-secondary: #D35400 !important;
    --cpd-color-text-disabled: #7A4200 !important;
    --cpd-color-text-placeholder: #7A4200 !important;
    --timeline-text-color: #E8C5A0 !important;
    --roomlist-text-secondary-color: #D35400 !important;

    /* Orange accents */
    --cpd-color-text-action-accent: #D35400 !important;
    --cpd-color-bg-action-primary-rest: #D35400 !important;
    --cpd-color-bg-action-primary-hovered: #E67E22 !important;
    --cpd-color-bg-action-primary-pressed: #A04000 !important;
    --cpd-color-bg-action-primary-disabled: #6B2A00 !important;
    --cpd-color-bg-action-secondary-rest: rgba(211, 84, 0, 0.1) !important;
    --cpd-color-bg-action-secondary-hovered: rgba(211, 84, 0, 0.2) !important;
    --cpd-color-bg-action-secondary-pressed: rgba(211, 84, 0, 0.3) !important;
    --cpd-color-text-link-external: #E67E22 !important;
    --cpd-color-icon-accent-primary: #D35400 !important;
    --cpd-color-icon-accent-tertiary: #E67E22 !important;
    --cpd-color-bg-accent-rest: #D35400 !important;
    --cpd-color-bg-accent-hovered: #E67E22 !important;
    --cpd-color-bg-accent-pressed: #A04000 !important;
    --cpd-color-bg-accent-selected: rgba(211, 84, 0, 0.15) !important;
    --cpd-color-bg-badge-accent: #D35400 !important;
    --cpd-color-gradient-action-linear: linear-gradient(135deg, #D35400, #E67E22) !important;
    --accent: #D35400 !important;
    --accent-alt: #E67E22 !important;

    /* Orange separators/dividers */
    --cpd-separator-color: #3D1E00 !important;
    --cpd-color-border-interactive-primary: #D35400 !important;
    --cpd-color-border-interactive-secondary: #3D1E00 !important;
    --cpd-color-border-interactive-hovered: #E67E22 !important;
    --cpd-color-border-accent-subtle: rgba(211, 84, 0, 0.3) !important;
    --cpd-color-border-disabled: #2A1500 !important;
    --cpd-color-border-focused: #D35400 !important;
    --roomlist-separator-color: #3D1E00 !important;
    --roomlist-highlights-color: rgba(211, 84, 0, 0.08) !important;
    --timeline-highlights-color: rgba(211, 84, 0, 0.06) !important;

    /* Icons — orange tones */
    --cpd-color-icon-primary: #D3A06A !important;
    --cpd-color-icon-secondary: #9A5C00 !important;
    --cpd-color-icon-tertiary: #7A4200 !important;
    --cpd-color-icon-disabled: #3D1E00 !important;
    --cpd-color-icon-on-solid-primary: #0a0a0a !important;
    --cpd-color-icon-info-primary: #D35400 !important;

    /* Avatar colors — orange palette */
    --cpd-color-blue: #D35400 !important;
    --cpd-color-fuchsia: #E67E22 !important;
    --cpd-color-green: #A04000 !important;
    --cpd-color-polaris: #D35400 !important;
    --cpd-color-cyan: #E67E22 !important;
    --cpd-color-pink: #D35400 !important;
}

/* Space panel — darker */
.mx_SpacePanel {
    background-color: #060606 !important;
}

/* Space panel icons */
.mx_SpacePanel svg,
.mx_SpaceButton .mx_SpaceButton_icon svg {
    color: #D35400 !important;
}

/* Active space highlight */
.mx_SpaceButton_active .mx_SpaceButton_selectionWrapper {
    background-color: rgba(211, 84, 0, 0.15) !important;
}

/* Left panel background */
.mx_LeftPanel, .mx_LeftPanel_wrapper {
    background-color: #0a0a0a !important;
}

/* Search button */
button._search_z7ks9_16,
.mx_SearchBox input {
    color: #7A4200 !important;
    background-color: #161616 !important;
    border-color: #3D1E00 !important;
}
button._search_z7ks9_16 ._search_text_z7ks9_41 {
    color: #7A4200 !important;
}
button._search_z7ks9_16 kbd {
    color: #5A3000 !important;
    border-color: #3D1E00 !important;
}
button._search_z7ks9_16 svg {
    color: #D35400 !important;
}

/* Filter chips (Unreads, People, Rooms, Favourites) */
button._chat-filter_5qdp0_8 {
    color: #D35400 !important;
    border-color: #3D1E00 !important;
    background-color: #161616 !important;
}
button._chat-filter_5qdp0_8[aria-selected="true"] {
    background-color: #D35400 !important;
    color: #0a0a0a !important;
    border-color: #D35400 !important;
}
button._chat-filter_5qdp0_8:hover {
    background-color: rgba(211, 84, 0, 0.15) !important;
}

/* Room list item text */
._roomName_rtaba_83 {
    color: #E8C5A0 !important;
}
._roomListItem_rtaba_8:hover {
    background-color: rgba(211, 84, 0, 0.1) !important;
}

/* Room list header text */
._typography_6v6n8_153 {
    color: #E8C5A0 !important;
}

/* Welcome heading */
.mx_SpaceRoomView_landing_name h1,
.mx_SpaceRoomView_landing_name span {
    color: #E8C5A0 !important;
}

/* Space hierarchy */
.mx_SpaceHierarchy_listHeader_header {
    color: #D35400 !important;
}
.mx_SpaceHierarchy_roomTile_name span {
    color: #E8C5A0 !important;
}
.mx_SpaceHierarchy_roomTile_info {
    color: #7A4200 !important;
}
.mx_SpaceHierarchy_roomTile_joined {
    color: #D35400 !important;
}

/* Room info line */
.mx_RoomInfoLine {
    color: #7A4200 !important;
}
.mx_RoomInfoLine svg {
    color: #D35400 !important;
}
.mx_RoomInfoLine_members {
    color: #D35400 !important;
}

/* Buttons — outline variants */
.mx_AccessibleButton_kind_primary_outline {
    color: #D35400 !important;
    border-color: #D35400 !important;
}
.mx_AccessibleButton_kind_primary_outline:hover {
    background-color: rgba(211, 84, 0, 0.1) !important;
}

/* Notification badge */
.mx_NotificationBadge {
    background-color: #D35400 !important;
}

/* Invite button */
.mx_SpaceRoomView_landing_inviteButton {
    background-color: #D35400 !important;
    color: #0a0a0a !important;
}

/* Settings gear icon */
.mx_SpaceRoomView_landing_settingsButton svg {
    color: #D35400 !important;
}

/* Thread + Quick Settings panel buttons */
.mx_ThreadsActivityCentreButton svg,
.mx_QuickSettingsButton svg {
    color: #9A5C00 !important;
}
.mx_ThreadsActivityCentreButton:hover svg,
.mx_QuickSettingsButton:hover svg {
    color: #D35400 !important;
}

/* User menu avatar letter */
.mx_UserMenu_userAvatar .mx_BaseAvatar {
    background-color: #D35400 !important;
    color: #0a0a0a !important;
}

/* All imageless avatars — orange */
._avatar-imageless_zysgz_55 {
    background-color: #3D1E00 !important;
    color: #E67E22 !important;
}

/* Info tooltip */
.mx_InfoTooltip svg {
    color: #D35400 !important;
}

/* Main content area */
.mx_SpaceRoomView,
.mx_RoomView_wrapper,
.mx_MainSplit {
    background-color: #0e0e0e !important;
}

/* Resize handle */
.mx_ResizeHandle > div {
    background-color: #3D1E00 !important;
}

/* Scrollbar */
::-webkit-scrollbar-thumb {
    background-color: rgba(211, 84, 0, 0.3) !important;
}
::-webkit-scrollbar-thumb:hover {
    background-color: rgba(211, 84, 0, 0.5) !important;
}
::-webkit-scrollbar-track {
    background-color: #0a0a0a !important;
}
