/* Bang mau chinh cua web - tone goc #1A60AE (hsl 212, 74%, 39%).
   Cac phien ban duoc pha tu chinh tone goc (tron voi den de dam hon, tron voi trang de nhat hon) nen cung sac do.
   Dung qua bien CSS: color: var(--mau-chinh); ... Khong hardcode ma mau rai rac o tung View.

   File nay phai load SAU core.css + theme-default.css cua Sneat:
    - theme-default.css da duoc doi mau truc tiep sang bang mau nay (nut, link, phan trang, badge, o tick...).
    - core.css (Bootstrap + Sneat, rat lon) KHONG sua - cac cho con mau tim mac dinh #696cff duoc ghi de o cuoi file nay. */
:root {
    /* Tone goc: nen nut chinh, link, muc dang chon. Chu trang tren nen nay dat tuong phan 6.3:1. */
    --mau-chinh: #1A60AE;
    --mau-chinh-rgb: 26, 96, 174;

    /* Hover: tone goc + 10% den - khi re chuot len nut/link mau chinh. */
    --mau-chinh-hover: #17569D;

    /* Dark: tone goc + 25% den - trang thai dang bam (active), tieu de/chu can dam hon tone goc. */
    --mau-chinh-dark: #144883;

    /* Light: 12% tone goc tren nen trang - nen badge/nhan, nen dong dang chon, nen thong bao.
       Chu mau tone goc tren nen nay dat tuong phan 5.3:1. */
    --mau-chinh-light: #E4ECF5;

    /* Border: 40% tone goc tren nen trang - vien cua khoi dung nen light, vien nut outline o trang thai thuong. */
    --mau-chinh-border: #A3BFDF;

    /* Bien "primary" va link cua Bootstrap (core.css dang de tim #696cff). */
    --bs-primary: var(--mau-chinh);
    --bs-primary-rgb: var(--mau-chinh-rgb);
    --bs-primary-text-emphasis: #0A2646;
    --bs-primary-bg-subtle: var(--mau-chinh-light);
    --bs-primary-border-subtle: var(--mau-chinh-border);
    --bs-link-color: var(--mau-chinh);
    --bs-link-color-rgb: var(--mau-chinh-rgb);
    --bs-link-hover-color: var(--mau-chinh-hover);
    --bs-link-hover-color-rgb: 23, 86, 157;
}

/* ---- Ghi de cac cho core.css con dung mau tim mac dinh ---- */

/* Bong mo quanh o nhap dang focus. */
.form-control:focus,
.form-select:focus,
.input-group:focus-within {
    box-shadow: 0 0 0.25rem 0.05rem rgba(var(--mau-chinh-rgb), 0.1);
}

.dropdown-menu,
.dropdown-menu-dark {
    --bs-dropdown-link-active-bg: rgba(var(--mau-chinh-rgb), 0.08);
}

.pagination {
    --bs-pagination-active-bg: rgba(var(--mau-chinh-rgb), 0.08);
    --bs-pagination-active-border-color: rgba(var(--mau-chinh-rgb), 0.08);
}

.list-group {
    --bs-list-group-active-bg: rgba(var(--mau-chinh-rgb), 0.08);
    --bs-list-group-active-border-color: rgba(var(--mau-chinh-rgb), 0.08);
}

.progress,
.progress-stacked {
    --bs-progress-bar-bg: var(--mau-chinh);
}