/* stcloud.css — gray-steel blue brand skin */
:root {
    --st-accent:                 #5c7a96;
    --st-accent-hover:           #d8e3eb;
    --st-bg-body:                #eef2f5;
    --st-bg-ribbon:              #d8e3eb;
    --st-bg-toolbar:             #c8d5df;
    --st-bg-footer:              #3d4e5c;
    --st-bg-dialog-overlay:      rgba(34, 50, 66, 0.65);
    --st-text-body:              #1e2e3a;
    --st-text-footer:            #d8e3eb;
    --st-grid-header-bg:         #5c7a96;
    --st-grid-alt-row-bg:        #d8e3eb;
    --st-grid-hover-bg:          #a5b9c8;
    --st-grid-col1-bg:           #c2d1da;
    --st-ts-cell-bg:             #d8e3eb;
    --st-ts-cell-bg-alt:         #c2d1da;
    --st-ts-cell-bg-sel:         #a5b9c8;
    --st-tab-bg:                 #5c7a96;
    --st-tab-hover-bg:           #486074;
    --st-tab-active-bg:          #324758;
    --st-tab-border:             #5c7a96;
    --st-gantt-bar-bg:           #5c7a96;
    --st-gantt-summary-bg:       #d97820;
    --st-gantt-summary-triangle: #b85e10;
    --st-gantt-percent-bg:       #324758;
    --st-gantt-milestone-color:  #5c7a96;
    --st-gantt-scale-border:     #c2d1da;
    --st-gantt-gridline:         #d8e3eb;
    --st-gantt-drag-bg:          #5c7a96;
    --st-gantt-link-color:       #5c7a96;
    --st-dock-header-bg:         #5c7a96;
    --st-dock-border:            #406071;
    --st-dock-pane-bg:           #eef2f5;
    --st-dock-active-tab:        #324758;
    --st-ai-bubble-you-bg:       #1a4a7a;
    --st-ai-bubble-ai-bg:        #1e5c32;
    --st-ai-bubble-app-bg:       #2e3d4a;
}

.ribbonbutton, .ribbonbuttonsmall { color: #1e2e3a !important; }

.ui-tabs .ui-tabs-nav                                      { background: #5c7a96 !important; border: none !important; }
.ui-tabs .ui-tabs-tab                                      { background: #5c7a96 !important; border: 1px solid transparent !important; border-bottom: none !important; }
.ui-tabs .ui-tabs-anchor                                   { color: #ffffff !important; }
.ui-tabs .ui-tabs-tab.ui-state-hover                       { background: #486074 !important; }
.ui-tabs .ui-tabs-tab.ui-state-active                      { background: #324758 !important; border: 1px solid #5c7a96 !important; border-bottom: none !important; margin-top: 1px !important; margin-bottom: 0 !important; padding-bottom: 0 !important; }
.ui-tabs .ui-tabs-tab.ui-state-active .ui-tabs-anchor      { color: #ffffff !important; }
.ui-tabs .ui-tabs-panel                                    { background: #eef2f5 !important; color: #1e2e3a !important; border: none !important; }
