:root {
    --theme-color: #0B41CD;
    --gradient-color-1-2: #FAC9B5;
    --opacity_bg_1: rgba(11, 65, 205, 0.1);

    --color-chat-userContentBg: #ECECEC;
    --color-chat-userContentColor: #000;
    --color-chat-active: rgba(250, 201, 181, 0.2);

    --color-roche-line-color-1: #FFBD69;
    --color-roche-line-color-2: #5CB9FE;
    --color-roche-line-color-3: #E085FC;
    --color-roche-line-color-4: #8AA6FF;

    --color-disclaimer-border : #E4E5E7;

    --color-table-sorterNotActive: rgba(255, 255, 255, 0.5);
    --color-table-sorterActive: rgba(255, 255, 255, 1);

    --color-chart-xAxisLabel: #666;
    --color-chart-yAxisLabel: #666;
    --color-chart-legendText: #000;

    --color-dashboard-topbarBg: transparent;
    --color-dashboard-topbarColor: #000;
    --color-dashboard-bg: linear-gradient(297deg, #858bc74d 0.7%, #fac9b54d 44.32%, #F5F5F24D 97.02%);
}

:root[page-theme="dark"] {
    --theme-color: #1482FA;
    --gradient-color-1-2: #FAC9B5;
    --opacity_bg_1: rgba(11, 65, 205, 0.2);

    --color-chat-userContentBg: #1482FA;
    --color-chat-userContentColor: #fff;
    --color-chat-active: rgba(250, 201, 181, 0.2);

    --color-roche-line-color-1: #FAC9B5;
    --color-roche-line-color-2: #BDE3FF;
    --color-roche-line-color-3: #EAB9FB;
    --color-roche-line-color-4: #FFBD69;

    --color-disclaimer-border : #3C3D3E;

    --color-table-sorterNotActive: rgba(255, 255, 255, 0.5);
    --color-table-sorterActive: rgba(255, 255, 255, 1);

    --color-chart-yAxisLabel: #999;
    --color-chart-xAxisLabel: #999;
    --color-chart-legendText: #BBB;

    --color-dashboard-topbarBg: transparent;
    --color-dashboard-topbarColor: #fff;
    --color-dashboard-bg: #1A1E23;
}