/* === SCP Design Tokens: Override PatternFly v5 global palette === */
:root {
    --pf-v5-global--primary-color--100: #00c8be;
    --pf-v5-global--primary-color--200: #009b93;
    --pf-v5-global--link--Color: #00c8be;
    --pf-v5-global--link--Color--hover: #056473;
    --pf-v5-global--link--Color--visited: #056473;
    --pf-v5-global--active-color--100: #00c8be;
    --pf-v5-global--FontFamily--text: 'Titillium Web', sans-serif;
    --pf-v5-global--FontFamily--heading: 'Titillium Web', sans-serif;
}

/* === Masthead (top header bar): Navy-teal gradient === */
.pf-v5-c-masthead {
    background: linear-gradient(to bottom, #1e2855 0%, #0d6272 100%) !important;
    --pf-v5-c-masthead--BackgroundColor: transparent;
}

/* === Sidebar: netcup dark navy === */
.pf-v5-c-page__sidebar {
    background-color: #1e2855 !important;
    --pf-v5-c-page__sidebar--BackgroundColor: #1e2855;
}

.pf-v5-c-nav {
    --pf-v5-c-nav--BackgroundColor: transparent;
}

/* === Active Nav Links === */
.pf-v5-c-nav__link.pf-m-current {
    color: #00c8be;
    background-color: rgba(0, 200, 190, 0.1);
}

.pf-v5-c-nav__link:focus {
    --pf-v5-c-nav__link--focus--Color: #00c8be;
}

/* === Primary Button === */
.pf-v5-c-button.pf-m-primary {
    --pf-v5-c-button--m-primary--BackgroundColor: #00c8be;
    --pf-v5-c-button--m-primary--hover--BackgroundColor: #009b93;
    --pf-v5-c-button--m-primary--active--BackgroundColor: #00736b;
    --pf-v5-c-button--m-primary--Color: #fff;
    border-radius: 4px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 600;
}

/* === Cards === */
.pf-v5-c-card {
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

/* === Input Focus === */
.pf-v5-c-form-control:focus-within {
    border-color: #00c8be;
    box-shadow: 0 0 0 3px rgba(0, 200, 190, 0.25);
}

/* === Form Labels === */
.pf-v5-c-form__label-text {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 600;
}

/* === Alert Colors === */
.pf-v5-c-alert.pf-m-danger {
    --pf-v5-c-alert--m-danger--BorderTopColor: #dd7878;
}

.pf-v5-c-alert.pf-m-success {
    --pf-v5-c-alert--m-success--BorderTopColor: #00a896;
}

.pf-v5-c-alert.pf-m-warning {
    --pf-v5-c-alert--m-warning--BorderTopColor: #ffb02f;
}