:root {
    --accent:           #2563b0;
    --accent-light:     #dbeafe;
    --accent-mid:       #3b82cc;
    --accent-hover-bg:  #eef5ff;
    --accent-hover-bdr: #cbdaf7;

    --topbar-bg:        linear-gradient(180deg, #f5f5f7 0%, #e7e7ea 100%);
    --topbar-border:    #d1d1d6;
    --topbar-text:      #555;

    --tab-active-bg:    #ffffff;
    --tab-border:       #cfcfd4;

    --ribbon-bg:        #ffffff;
    --ribbon-border:    #e3e3e3;

    --toggle-bg:        #f8f8f9;
    --toggle-border:    #cfcfd4;

    --body-bg:          #f4f4f6;

    --group-border:     #e5e5e5;
    --group-title-clr:  #666;

    --action-radius:    7px;
    --action-icon-clr:  #2563b0;
    --action-label-clr: #222;

    --shadow-sm:        0 1px 3px rgba(0,0,0,.08);
    --shadow-md:        0 2px 8px rgba(0,0,0,.10);

    --ribbon-transition: 200ms cubic-bezier(.4,0,.2,1);
}