:root {
    /* Breakpoints */
    --breakpoint-sm: 600px; /* mobile view, portrait orientation */
    --breakpoint-md: 768px; /* old iPad width, portrait orientation */
    --breakpoint-lg: 1100px; /* full desktop view */
    --breakpoint-xl: 1400px; /* ultrawide desktop view */

    /* Dimensions: duplicated from values in theme.css */
    --sidebar-width: 300px;
    --sidebar-padding: .809em;
    --home-link-padding: 6px;
    --banner-height: 4em;
    
    /* Colors */
    --ts3d-lt-blue: #0090d0;
    --ts3d-dk-blue: #006098;
    --ts3d-lt-grey: #979898;
    --ts3d-dk-grey: #58585b;
    --he-logo: #009693;
    --hc-logo: #4477ac;
    --hp-logo: #26c8aa;
    --hv-logo: #55abdf;
    --hl-logo: #668ec9;
    --hnp-logo: #6fa7db;
    --ceetron-logo: #861c3e;
    --ceesam-logo: #651e3e;
    --content-bg: #fcfcfc;
    --search-grey: #ccc;
    --brand-color: var(--ts3d-dk-blue); /* provides default value */
    
    /* Federated Search */
    --search-height: 2.5rem;
    --search-border-radius: .5rem;
    
    /* Miscellaneous */
    --shadow-factor: 4;
}