/*
 * HERA — stratul de brand Affidea (27 oct 2026). Se incarca ultimul, dupa style.css si
 * stilurile din layout. Paleta din tema AffideaTheme (affidea.ro): primaryDark #2D69B3
 * (header, butoane), primary #4182D0 (logo, accente), primaryDarkLight #EDF0F4 (fundaluri
 * deschise), bleumarin #1A2B4A (titluri), verde #06B64F (actiunea principala pe site).
 * Fontul Affidea (Harmonia Sans) e licentiat; Mulish e inlocuitorul liber cel mai apropiat.
 */
:root {
    --affidea-blue-dark: #2d69b3;
    --affidea-blue: #4182d0;
    --affidea-blue-soft: #edf0f4;
    --affidea-navy: #1a2b4a;
    --affidea-green: #06b64f;
}

body,
.card, .table, .form-control, .btn, .dropdown-menu, .modal-content, .tooltip, .popover {
    font-family: 'Mulish', 'Segoe UI', system-ui, sans-serif;
}

::selection { background: rgba(65, 130, 208, 0.22); }

/* Header plat, ca pe affidea.ro: albastru inchis, logo alb, apoi numele aplicatiei. */
#hera-topbar { background: var(--affidea-blue-dark); }
#hera-topbar .brand { gap: 14px; }
/* logo comun Affidea Hospitals | Metropolitan Hospital (cerere Ovidiu, 27.10), alb pe header */
#hera-topbar .brand img { height: 38px; max-height: 38px; width: auto; }
#hera-topbar .brand span {
    font-size: 1.3rem; font-weight: 700; letter-spacing: 0.08em; line-height: 38px;
    padding-left: 14px; border-left: 1px solid rgba(255, 255, 255, 0.35);
}
@media (max-width: 768px) {
    #hera-topbar .brand img { height: 24px; max-height: 24px; }
    #hera-topbar .brand span { font-size: 1.05rem; padding-left: 10px; line-height: 22px; }
}

/* Focus vizibil la tastatura, in culoarea brandului. */
a:focus-visible, button:focus-visible, .btn:focus-visible, input:focus-visible, select:focus-visible {
    outline: 2px solid var(--affidea-blue);
    outline-offset: 2px;
}