/* Blue skin */
:root {
    --st-accent:                 #0d6efd;
    --st-grid-active-bg:         var(--st-accent);
    --st-grid-active-text:       var(--st-accent-text);
    --st-accent-hover:           #cfe2ff;
    --st-bg-ribbon:              #e7f1ff;
    --st-bg-toolbar:             #dbeafe;
    --st-bg-footer:              #0a58ca;
    --st-grid-header-bg:         #bfdbfe;
    --st-grid-header-text:       #1e3a5f;
    --st-grid-alt-row-bg:        #dbeafe;
    --st-grid-hover-bg:          #93c5fd;
    --st-grid-col1-bg:           #bfdbfe;
    --st-grid-border:            #3b82f6;
    --st-ts-cell-bg:             #dbeafe;
    --st-ts-cell-bg-alt:         #bfdbfe;
    --st-ts-cell-bg-sel:         #93c5fd;
    --st-tab-bg:                 #5b7fa6;
    --st-tab-hover-bg:           #3d6496;
    --st-tab-active-bg:          #1a4a8a;
    --st-tab-text:               #ffffff;
    --st-tab-border:             #3b82f6;
    --st-gantt-bar-bg:           #60a5fa;
    --st-gantt-summary-bg:       #f97316;
    --st-gantt-summary-triangle: #ea580c;
    --st-gantt-percent-bg:       #1e3a8a;
    --st-gantt-milestone-color:  #1d4ed8;
    --st-gantt-milestone-bg:     #fef08a;
    --st-gantt-scale-border:     #bfdbfe;
    --st-gantt-gridline:         #93c5fd;
    --st-gantt-drag-bg:          #0d6efd;
    --st-gantt-link-color:       #0d6efd;
    --st-dock-header-bg:         #1a4a8a;
    --st-dock-text:              #ffffff;
    --st-dock-border:            #3b82f6;
    --st-dock-pane-bg:           whitesmoke;
    --st-dock-splitter:          #0d6efd;
    --st-dock-active-tab:        #0d3a7a;
    --st-ai-bubble-you-bg:       #0d4fa0;
    --st-ai-bubble-ai-bg:        #1a5c3c;
    --st-ai-bubble-app-bg:       #2c4a70;
}

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

.ui-tabs .ui-tabs-nav                                      { background: #5b7fa6 !important; border: none !important; }
.ui-tabs .ui-tabs-tab                                      { background: #5b7fa6 !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: #3d6496 !important; }
.ui-tabs .ui-tabs-tab.ui-state-active                      { background: #1a4a8a !important; border: 1px solid #3b82f6 !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: whitesmoke !important; color: #212529 !important; border: none !important; }
