:root {
    --st-dark-logo-path: url("https://social-new.pres.brokeree.dev/portal/assets/logo-title-light.svg");
    --st-light-logo-path: url("https://social-new.pres.brokeree.dev/portal/assets/logo-title-light.svg");

    --st-dark-page-logo-path: url("https://social-new.pres.brokeree.dev/portal/assets/logo-page-light.svg");
    --st-light-page-logo-path: url("https://social-new.pres.brokeree.dev/portal/assets/logo-page-light.svg");

    --brdc-app-background-color: #FAFDFF;
    --brdc-theme-primary-color: #34ACAD;
    --brdc-stroke-color: #D9EFF2;
    --brdc-tertiary-color: color-mix(in srgb, var(--brdc-theme-primary-color) 50%, var(--brdc-white-color) 60%);
}

:root[data-theme=dark] {
    --brdc-theme-primary-color: #2F9C9D;
    --brdc-app-background-color: #0c1419;
    --brdc-stroke-color: #154147;
    --brdc-tertiary-color: #20656E;
}

.brdc-page-logo .brdc-page-logo-link {
    --brdc-page-logo-width: 70px;
    --brdc-page-logo-height: auto;
}

.brdc-product-logo-link .brdc-header-logo-link {
    --brdc-header-logo-height: 32px;
    --brdc-header-logo-width: auto;
}

.brdc-select-menu-switch:active {
    background-color: var(--brdc-theme-primary-color);
}
.brdc-product-menu-action {
    --mat-icon-button-ripple-color: var(--brdc-theme-primary-color);
}

.brdc-control-panel-interaction {
    flex-wrap: inherit;
}