/* ==========================================================================
   WAMS design tokens + shared components
   Brend: HRBP logosu — tünd göy (navy) + yaşıl vurğu nöqtəsi.
   Bütün employee/manager səhifələri bu faylı yükləyir; rənglər YALNIZ
   buradakı dəyişənlərdən götürülməlidir (hardcode etməyin).
   ========================================================================== */

:root {
    /* Brand palette (sampled from logo.png) */
    --wams-navy: #163a7c;        /* primary — HRBP hərflərinin göyü */
    --wams-navy-2: #2f5fb3;      /* gradient partnyoru / açıq göy */
    --wams-navy-deep: #0e2755;   /* navbar, hover, tünd fonlar */
    --wams-green: #56a944;       /* logo-dakı yaşıl nöqtə — uğur/aktiv vurğu */
    --wams-green-deep: #3f8c30;
    --wams-bg: #f4f6fa;          /* açıq panel fonu */
    --wams-text: #21304d;
    --wams-muted: #6c757d;

    --wams-gradient: linear-gradient(135deg, var(--wams-navy) 0%, var(--wams-navy-2) 100%);
    --wams-radius: 12px;
    --wams-shadow: 0 6px 24px rgba(14, 39, 85, .12);

    /* Map Bootstrap's own tokens to the brand */
    --bs-primary: var(--wams-navy);
    --bs-primary-rgb: 22, 58, 124;
    --bs-link-color: var(--wams-navy);
    --bs-link-hover-color: var(--wams-navy-deep);
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: var(--wams-text);
}

/* --- Cards ------------------------------------------------------------- */
.card {
    border: none;
    border-radius: var(--wams-radius);
    box-shadow: var(--wams-shadow);
}

/* --- Buttons ------------------------------------------------------------ */
.btn-primary {
    background: var(--wams-gradient);
    border: none;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: linear-gradient(135deg, var(--wams-navy-deep) 0%, var(--wams-navy) 100%);
    border: none;
}
.btn-outline-primary {
    color: var(--wams-navy);
    border-color: var(--wams-navy);
}
.btn-outline-primary:hover,
.btn-outline-primary:active {
    background-color: var(--wams-navy);
    border-color: var(--wams-navy);
    color: #fff;
}

/* --- Forms -------------------------------------------------------------- */
.form-control:focus,
.form-select:focus {
    border-color: var(--wams-navy-2);
    box-shadow: 0 0 0 .2rem rgba(47, 95, 179, .25);
}
.readonly-field {
    background-color: #f8f9fa;
    cursor: not-allowed;
}

/* --- Misc ---------------------------------------------------------------- */
.alert { border-radius: 10px; }
.page-link { color: var(--wams-navy); }
.page-item.active .page-link {
    background-color: var(--wams-navy);
    border-color: var(--wams-navy);
}
.text-brand { color: var(--wams-navy) !important; }

/* --- Mobile polish -------------------------------------------------------- */
@media (max-width: 575.98px) {
    h4 { font-size: 1.15rem; }
    .table { font-size: .85rem; }
    /* Touch targets: keep small buttons tappable */
    .btn-sm { padding: .35rem .65rem; }
}

/* Hover lift only where motion is welcome */
@media (prefers-reduced-motion: reduce) {
    * { transition: none !important; animation: none !important; }
}