.theme-coffee {
    /* main page */
    --color-bg: #1A1614;
    --color-bg-text: #B8ADA6;
    /* sidebar menu */
    --color-sb: #211C1A;
    --color-sb-item: #282320;
    --color-sb-item-text: #B8ADA6;
    --color-sb-item-hover: #38302B;
    --color-sb-item-hover-text: #F5EFEB;
    --color-sb-item-activeline: #D97706;
    --color-sb-imagebackground: #1D1816;
    /* title bar */
    --color-titlebar: #1A1614;
    --color-titlebar-text: #B8ADA6;
    --color-titlebar-border: #38302B;
    /* page header */
    --color-header: #282320;
    --color-header-text: #E6DFD5;
    --color-header-text-active: #F59E0B;
    --color-header-border: #38302B;
    /* Controls */
    --color-surface: #282320;
    --color-surface-text: #B8ADA6;
    --color-surface-border: #423832;
    --color-surface-border-focus: #F59E0B;
    --color-surface-border-disabled: #544840;
    --color-surface-select: #544840;
    --color-surface-select-text: #FFFFFF;
    --color-surface-hover: #38302B;
    --color-surface-hover-text: #FFFFFF;
    --color-surface-disabled: #211C1A;
    --color-surface-disabled-text: #7A6C63;
    --color-surface-button: #38302B;
    --color-surface-button-text: #E6DFD5;
    --color-surface-button-hover: #4D423B;
    --color-surface-button-hover-text: #FFFFFF;
    --color-surface-check: #D97706;
    --color-surface-text-secondary: #F59E0B;
    /* tabs */
    --color-tab-bg: #1A1614;
    --color-tab: #282320;
    --color-tab-text: #B8ADA6;
    --color-tab-border: #38302B;
    --color-tab-focus: #1A1614;
    --color-tab-focus-text: #E6DFD5;
    --color-tab-hover: #211C1A;
    /* lists / groups */
    --color-list-bg: #282320;
    --color-list-border: #423832;
    --color-list-border-focus: #F59E0B;
    --color-list-text: #B8ADA6;
    --color-list-item-border: #38302B;
    --color-list-select: #544840;
    --color-list-select-text: #FFFFFF;
    --color-list-hover: #38302B;
    --color-list-hover-text: #E6DFD5;
    --color-list-header: #282320;
    --color-list-header-text: #B8ADA6;
    --color-list-header-border: #1A1614;
    --color-list-heading: #38302B;
    --color-list-heading-text: #FFFFFF;
    --color-list-primary: #D97706;
    --color-list-primary-selected: #F59E0B;
    --color-list-danger: #DC2626;
    --color-list-danger-selected: #EF4444;
    --color-list-info: #0284C7;
    --color-list-info-selected: #38BDF8;
    --color-list-warning: #D97706;
    --color-list-warning-selected: #F59E0B;
    --color-list-header-warning: #B45309;
    --color-list-success: #10B981;
    /* toolbars */
    --color-toolbar-bg: #38302B;
    --color-toolbar-bg-border: #423832;
    --color-toolbar: #38302B;
    --color-toolbar-border: #38302B;
    --color-toolbar-text: #B8ADA6;
    --color-toolbar-hover: #544840;
    --color-toolbar-hover-text: #FFFFFF;
    --color-toolbar-hover-border: #6B5B52;
    --color-toolbar-disabled: #423832;
    --color-toolbar-disabled-text: #fff;
    --color-toolbar-border-disabled: #423832;
    /* dockbars */
    --color-sidepanel: #282320;
    --color-sidepanel-text: #B8ADA6;
    --color-sidepanel-border: #423832;
    --color-sidepanel-item: #38302B;
    --color-sidepanel-item-text: #B8ADA6;
    --color-sidepanel-item-border: #38302B;
    --color-dockpanel-heading: #282320;
    --color-dockpanel-heading-text: #E6DFD5;
    --color-dockpanel-border: #1A1614;
    --color-dockpanel-underlay: #38302B;
    /* hyperlinks */
    --color-hyperlink: #F59E0B;
    --color-hyperlink-hover: #FBBF24;
    --color-hyperlink-visited: #C084FC;
    --color-hyperlink-visited-hover: #D8B4FE;
    /* others */
    --color-primary: #D97706;
    --color-primary-text: #3D1C00;
    --color-primary-border: #B45309;
    --color-primary-hover: #F59E0B;
    --color-secondary: #38302B;
    --color-secondary-text: #F5EFEB;
    --color-secondary-border: #544840;
    --color-secondary-hover: #544840;
    --color-accent: #E11D48; /* deep warm rose accent */
    --color-accent-text: #4C0519;
    --color-accent-border: #BE123C;
    --color-accent-hover: #F43F5E;
    --color-danger: #DC2626;
    --color-danger-text: #450A0A;
    --color-danger-border: #B91C1C;
    --color-danger-hover: #EF4444;
    --color-success: #10B981;
    --color-success-text: #022C22;
    --color-success-border: #059669;
    --color-success-hover: #34D399;
    --color-info: #0284C7;
    --color-info-text: #082F49;
    --color-info-border: #0369A1;
    --color-info-hover: #38BDF8;
    --color-warning: #D97706;
    --color-warning-text: #3D1C00;
    --color-warning-border: #B45309;
    --color-warning-hover: #F59E0B;
    --color-default: #38302B;
    --color-default-text: #E6DFD5;
    --color-default-border: #544840;
    --color-default-hover: #544840;
    --color-default-hover-text: #FFFFFF;
    --color-tertiary: #8B5CF6;
    --color-tertiary-text: #2E1065;
    --color-tertiary-border: #7C3AED;
    --color-tertiary-hover: #A78BFA;
}