/* Country Roads skin */
:root {
    --st-accent:            #a0522d;
    --st-grid-active-bg:    var(--st-accent);
    --st-grid-active-text:  var(--st-accent-text);
    --st-accent-hover:      #f5e6da;
    --st-accent-text:       #ffffff;
    --st-bg-body:           #fdf6f0;
    --st-bg-ribbon:         #f5e6da;
    --st-bg-toolbar:        #ecdcc8;
    --st-bg-footer:         #6b3a1f;
    --st-text-body:         #3b1f0e;
    --st-text-footer:       #fdf6f0;
    --st-grid-header-bg:    #e8c9a8;
    --st-grid-header-text:  #3b1f0e;
    --st-grid-alt-row-bg:   #f5e6da;
    --st-grid-hover-bg:     #c87941;
    --st-grid-col1-bg:      #ddb896;
    --st-grid-border:       #a0522d;
    --st-treegrid-row-bg:   #fdf6f0;
    --st-treegrid-cat-bg:   #e8c9a8;
    --st-ts-cell-bg:        #f5e6da;
    --st-ts-cell-bg-alt:    #ecdcc8;
    --st-ts-cell-bg-sel:    #c87941;
    --st-tab-bg:            #8a5a3a;
    --st-tab-hover-bg:      #6a3a1a;
    --st-tab-active-bg:     #4a2a0a;
    --st-tab-text:          #ffffff;
    --st-tab-border:        #a0522d;
    --st-gantt-bar-bg:          #c4956a;
    --st-gantt-summary-bg:      #a0522d;
    --st-gantt-summary-triangle: #7f3e1e;
    --st-gantt-percent-bg:      #6b3a1f;
    --st-gantt-milestone-color: #a0522d;
    --st-gantt-milestone-bg:    #fef3c7;
    --st-gantt-scale-border:    #e8c9a8;
    --st-gantt-gridline:        #ddb896;
    --st-gantt-drag-bg:         #a0522d;
    --st-gantt-link-color:      #a0522d;
    --st-dock-header-bg:    #6b3a1f;
    --st-dock-text:         #fdf6f0;
    --st-dock-border:       #a0522d;
    --st-dock-pane-bg:      #fdf6f0;
    --st-dock-splitter:     #a0522d;
    --st-dock-active-tab:   #4a2a0a;
    --st-ai-bubble-you-bg:  #6b3a1f;
    --st-ai-bubble-ai-bg:   #3a5c2a;
    --st-ai-bubble-app-bg:  #8a5a3a;
}

.ribbonbutton, .ribbonbuttonsmall { color: #3b1f0e !important; }

.ui-tabs .ui-tabs-nav                                      { background: #8a5a3a !important; border: none !important; }
.ui-tabs .ui-tabs-tab                                      { background: #8a5a3a !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: #6a3a1a !important; }
.ui-tabs .ui-tabs-tab.ui-state-active                      { background: #4a2a0a !important; border: 1px solid #a0522d !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: #fdf6f0 !important; color: #3b1f0e !important; border: none !important; }
