:root {

    --brand-color: #5BC6F8;
    --accent-color: #AAD4E7;
    --brand-rgb: rgba(95, 200, 250, 0.8);
    --background-rgb: rgba(95, 200, 250, 0.2);
    --dark-color: #1C1C1C;
    --dark-color-accent: #171717;
    --dark-background: #124A67;
    --foreground-color: #6C91A4;
    --accent-foreground: #528596;
    --dark-foreground: #315669;
    --icon-color: #3C687F;

    --landing-color: #585D62;
    --landing-link: #3F4142;
    --sidebar-font: #B3C1C7;
    --sidebar-font-icon: #AAD4E7;
    --sidebar-font-active: #5BC6F8;
    --sidebar-font-icon-active: #57B6E3;
    --sidebar-brand-bg: #FFFFFF;
    --sidebar-menu-bg: #303131;
    --sidebar-menu-open-bg: #2C2C2C;
    --sidebar-bg-hover: #115A7F;
    --header-font-grandient-1: #8EDBFF;
    --header-font-grandient-2: #1582B5;
    --sidebar-font-sub: #A9CCD7;

    --bg-brand: #14658E;
    --bg-brand-border: #13628A;

    --tab-hover: #f7f8fa;
}