/*
 * Brand layer: Recruiting Talents. Everything that differs per brand in the look of the app:
 * colors, logo sizes, backgrounds. Loaded after style.bundle.css and cvliiber.css.
 * The theme colors of this brand live in its own copy of style.bundle.css.
 */

/* Brand colors — single source of truth */
:root,
html[data-theme=light],
html[data-theme=dark] {
    --bs-primary: #fe09a0;
    --bs-primary-rgb: 255, 9, 160;
    --kt-primary: #fe09a0;
    --kt-primary-rgb: 255, 9, 160;
    --bs-link-color: #fe09a0;
    --bs-link-hover-color: #ff4dbf;
}

/* link-primary is hardcoded !important in the bundle — must override here */
.link-primary { color: #fe09a0 !important; }
.link-primary:hover { color: #ff4dbf !important; }

/* IntroJS onboarding tour — force dark text on white tooltip */
.introjs-tooltip {
    color: #181C32 !important;
}
.introjs-tooltip .introjs-tooltip-title {
    color: #181C32 !important;
}
.introjs-tooltip .introjs-tooltiptext {
    color: #3F4254 !important;
}

/* External pages (sign-in, registration, ...) */
body.brand-bg-auth, body.brand-bg-external { background-image: linear-gradient(90deg, #021620 0%, #052a44 50%, #0a5278 100%); }
[data-bs-theme="dark"] body.brand-bg-auth, [data-bs-theme="dark"] body.brand-bg-external { background-image: linear-gradient(180deg, #052a44 0%, #FF0090 100%); }
/* sign-in aside: large logo, top aligned and centred */
.brand-auth-aside { align-items: flex-start !important; justify-content: center !important; padding-top: 18vh !important; }
.brand-auth-aside-inner { align-items: center !important; text-align: center; }

/* Logo sizes (classes used by the shared templates) */
.brand-logo-sidebar { height: 150px; width: auto; }
.brand-logo-header { height: 100px; width: auto; }
@media (min-width: 992px) { .brand-logo-header { height: 125px; } }
.brand-logo-auth { height: 500px; width: auto; }
.brand-logo-page { height: 150px; width: auto; }
.brand-logo-register { height: 200px; width: auto; }
.brand-logo-modal { height: 150px; width: auto; }
.brand-logo-header-wrap { margin-right: 0; }
.brand-auth-aside-inner > a { margin-bottom: 1rem !important; }