/* ============================================================
   SocialBee Keycloak Admin Theme
   Brand: Apercu Pro fonts · #FEC961 primary yellow
   ============================================================ */

@font-face {
    font-family: 'apercu-bold-pro';
    src: url('../../login/resources/fonts/apercu-bold-pro.woff2') format('woff2'),
         url('../../login/resources/fonts/apercu-bold-pro.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'apercu-regular-pro';
    src: url('../../login/resources/fonts/apercu-regular-pro.woff2') format('woff2'),
         url('../../login/resources/fonts/apercu-regular-pro.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --sb-primary:        #FEC961;
    --sb-primary-dark:   #FDB82E;
    --sb-primary-darker: #CC9423;
    --sb-primary-light:  #FEDB93;
    --sb-text:           #121C24;
    --sb-text-secondary: #5D6974;
    --sb-bg:             #F6F7F8;
    --sb-white:          #FFFFFF;
    --sb-border:         #E5E8EB;

    /* PatternFly 5 overrides */
    --pf-v5-global--primary-color--100: var(--sb-primary);
    --pf-v5-global--primary-color--200: var(--sb-primary-dark);
    --pf-v5-global--primary-color--300: var(--sb-primary-darker);
    --pf-v5-global--link--Color:        var(--sb-primary-darker);
    --pf-v5-global--link--Color--hover: var(--sb-primary-dark);
    --pf-v5-global--active-color--100:  var(--sb-primary);
}

body, * {
    font-family: 'apercu-regular-pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.pf-v5-c-title {
    font-family: 'apercu-bold-pro', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* Primary buttons */
.pf-v5-c-button.pf-m-primary {
    background-color: var(--sb-primary) !important;
    border-color:     var(--sb-primary) !important;
    color:            var(--sb-text) !important;
    font-family: 'apercu-bold-pro', sans-serif !important;
}

.pf-v5-c-button.pf-m-primary:hover {
    background-color: var(--sb-primary-dark) !important;
    border-color:     var(--sb-primary-dark) !important;
}

.pf-v5-c-button.pf-m-primary:focus {
    box-shadow: 0 0 0 3px rgba(254, 201, 97, 0.4) !important;
}

/* Nav sidebar active item */
.pf-v5-c-nav__link.pf-m-current,
.pf-v5-c-nav__link:hover {
    color: var(--sb-primary) !important;
}

.pf-v5-c-nav__link::before {
    border-color: var(--sb-primary) !important;
}

/* Links */
a {
    color: var(--sb-primary-darker) !important;
}

a:hover {
    color: var(--sb-primary-dark) !important;
}