.theme-petals {
    /* main page */
    --color-bg: #FCE2FB;
    --color-bg-text: #292B2B;
    /* sidebar menu */
    --color-sb: #f3f3f4;
    --color-sb-text: #676a6c;
    /* title bar */
    --color-titlebar: #ABB1FF;
    --color-titlebar-text: #292B2B;
    --color-titlebar-border: #6065A8;
    /* page header */
    --color-header: linear-gradient(to bottom, #A2A8F2, #C1EBF9);
    --color-header-text: #404040;
    --color-header-text-active: #7278C7;
    --color-header-border: #888FEE;
    /* Controls */
    --color-surface: #ffffff;
    --color-surface-text: #676a6c;
    --color-surface-border: #A2A8F2;
    --color-surface-border-focus: #3A4FBF;
    --color-surface-border-disabled: #CBD3FF;
    --color-surface-select: #A3ABF3;
    --color-surface-select-text: #ffffff;
    --color-surface-hover: #FCE2FB;
    --color-surface-hover_text: #3F4142;
    --color-surface-disabled: #FAFAFA;
    --color-surface-disabled-text: #676a6c;
    --color-surface-button: #888FEE;
    --color-surface-button-text: #ffffff;
    --color-surface-button-hover: #AAAFF3;
    --color-surface-button-hover-text: #ffffff;
    --color-surface-check: #888FEE;
    --color-surface-text-secondary: #758918;
    /* tabs */
    --color-tab-bg: #C5F4FA;
    --color-tab: #DADDF1;
    --color-tab-text: #373737;
    --color-tab-border: #968468;
    --color-tab-focus: linear-gradient(to bottom, #A2A8F2, #C5F4FA);
    --color-tab-focus-text: #373737;
    --color-tab-hover: linear-gradient(to bottom, #C4C7F1, #D7EFF4);
    /* lists / groups */
    --color-list-bg: #FFFFFF;
    --color-list-border: #B09A7A;
    --color-list-border-focus: #4C5910;
    --color-list-text: #676a6c;
    --color-list-item-border: #FDF3FE;
    --color-list-select: #C4F1FA;
    --color-list-select-text: #444647;
    --color-list-hover: #FCE2FB;
    --color-list-hover-text: #373737;
    --color-list-header: #D8DDF5;
    --color-list-header-text: #42271E;
    --color-list-header-border: #A2A8F2;
    --color-list-secondary: #CFB590;
    --color-list-secondary-text: #373737;
    /* toolbars */
    --color-toolbar-bg: #888FEE;
    --color-toolbar-bg-border: #6065A8;
    --color-toolbar: #B5CAF7;
    --color-toolbar-border: #758918;
    --color-toolbar-text: #373737;
    --color-toolbar-hover: #A5ABF5;
    --color-toolbar-hover-text: #FFFFFF;
    --color-toolbar-hover-border: #373737;
    /* hyperlinks */
    --color-hyperlink: #5C60A1;
    --color-hyperlink-hover: #7377AE;
    --color-hyperlink-visited: #C89BEF;
    --color-hyperlink-visited-hover: #D8B8F4;
    /* others */
    --color-primary: #888FEE;
    --color-primary-text: #FFFFFF;
    --color-primary-border: #6065A8;
    --color-primary-hover: #7C86E6;
    --color-secondary: #FCE2FB;
    --color-secondary-text: #292B2B;
    --color-secondary-border: #E8C9E7;
    --color-secondary-hover: #F7D6F5;
    --color-accent: #C1EBF9;
    --color-accent-text: #292B2B;
    --color-accent-border: #9CCFDD;
    --color-accent-hover: #B3E3F3;
    --color-danger: #D46A8C; /* cool rose */
    --color-danger-text: #ffffff;
    --color-danger-border: #B85A78;
    --color-danger-hover: #C46284;
    --color-success: #8ED4D8; /* pastel aqua */
    --color-success-text: #292B2B;
    --color-success-border: #74B5B8;
    --color-success-hover: #86CCD0;
    --color-info: #A2A8F2;
    --color-info-text: #292B2B;
    --color-info-border: #8C92D6;
    --color-info-hover: #9AA0E8;
    --color-warning: #F5DFA8; /* soft petal gold */
    --color-warning-text: #292B2B;
    --color-warning-border: #D9C28F;
    --color-warning-hover: #EED79E;
    --color-default: #D8DDF5; /* lavender mist */
    --color-default-text: #292B2B;
    --color-default-border: #C1C7E3;
    --color-default-hover: #D0D5F0;
    --color-tertiary: #C89BEF; /* petal violet */
    --color-tertiary-text: #292B2B;
    --color-tertiary-border: #B485D6;
    --color-tertiary-hover: #C092E6;
}