/* Light Theme */
:root{
    // Primary Color
    @include defineColorHSL(--sakai-brand, 232, 80%, 21%);
    // Logo
    --logo: url(library/skin/images/trysakai.png);
    --logo-background-color: var(--sakai-brand); //not used any longer?
    --logo-height: 40px;
    --logo-width: 298px;

    --bs-primary-rgb: var(--sakai-brand);  //new logo bg color var?

    --top-header-background: var(--sakai-brand);
    --topNav-text-color: hsl(0, 0%, 100%);
    --tool-tab-active-highlight-color: var(--sakai-brand);
    --tool-tab-active-text-color: var(--sakai-brand);


    --sakai-selected-page-bg-color: var(--sakai-brand);
    //Sites Nav
    --site-nav-btn-current-hover-color: hsl(0, 0%, 100%);
    --all-sites-button-selected-text-color: hsl(0, 0%, 100%);

}
// Custom CSS
$skin-name: "trysakai";