:root {
    --login-background: url("/clients/farberlin/images/login_background.svg");
    --login-logo-width: 240px;
    --footer-logo-width: 60px;
    --home-logo-width: 220px;
    --home-logo-padding-top: 16px;
    --home-logo-padding-bottom: 16px;
    /* Brand Palette */
    --brand-dark: #09456A;
    --brand-mid: #1A6A9E;
    --brand-light: #178ec8;
    --brand-pale: #EAF4FB;
    /* Brand Secondary Palette */
    --brand-secondary-dark: #178EC8;
    --brand-secondary-mid: #45A7D6;
    --brand-secondary-light: #7FC3E5;
    --brand-secondary-pale: #EAF6FC;
    /* Focus Ring */
    --focus-ring-color: rgba(23, 142, 200, 0.35);
    /* Text */
    --text-primary: var(--brand-dark);
    --text-secondary: var(--brand-dark);
    --text-muted: #7A96A8;
    --text-on-brand: #FFFFFF;
    --text-light-color: #FFFFFF;
    --text-dark-color: #212529;
    /* Icon */
    --icon-color: var(--brand-secondary-dark);
    /* Table */
    --data-table-header-color: var(--brand-secondary-dark);
    --data-table-header-text-color: var(--text-on-brand);
    --data-table-border-color: var(--brand-pale);
    /* Badge */
    --item-count-badge-color: var(--brand-dark);
    /* Card */
    --card-header-background: var(--brand-pale);
    /* Form */
    --form-label-color: var(--text-secondary);
    /* General Pages */
    --page-title-color: var(--text-secondary);
    --page-subtitle-color: var(--text-muted);
    /* Login Page*/
    --login-title-color: var(--brand-dark);
    --terms-link-color: var(--brand-dark);
    --terms-link-hover-color: var(--brand-mid);
}

.navbar-gradient {
    background: linear-gradient(270deg, var(--brand-light) 0%, var(--brand-dark) 100%);
}

.navbar-logo {
    height: 48px;
}

.navbar .nav-link {
    transition: all 0.2s ease;
}

.navbar .nav-link:hover {
    background-color: rgba(255,255,255,0.15);
    transform: translateY(-1px);
}

.nav-link-color {
    color: var(--text-light-color) !important;
}