:root {
    --login-background: url("/clients/autolacke-kalt/images/login_background.svg");
    --login-logo-width: 120px;
    --footer-logo-width: 60px;
    --home-logo-width: 120px;
    --home-logo-padding-top: 16px;
    --home-logo-padding-bottom: 16px;
    /* Brand Palette (Primary - Navy) */
    --brand-dark: #17213C;
    --brand-mid: #2A365B;
    --brand-light: #46557E;
    --brand-pale: #EEF1F7;
    /* Brand Secondary Palette (Orange) */
    --brand-secondary-dark: #C76700;
    --brand-secondary-mid: #ED8003;
    --brand-secondary-light: #F6A84D;
    --brand-secondary-pale: #FFF3E3;
    /* Focus Ring */
    --focus-ring-color: rgba(23, 33, 60, 0.3);
    /* 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-dark) 60%, var(--brand-secondary-mid) 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;
}