/* ============================================================
   Custom Theme – Bootstrap 5 CSS variable overrides
   ============================================================ */
:root {
    --bs-primary:        #f20000;
    --bs-primary-rgb:    242, 0, 0;

    /* Accent colors (custom – không có sẵn trong Bootstrap) */
    --bs-accent1:        #067d4b;
    --bs-accent1-rgb:    6, 125, 75;
    --bs-accent2:        #18a006;
    --bs-accent2-rgb:    24, 160, 6;
    --bs-accent3:        #3bd69e;
    --bs-accent3-rgb:    59, 214, 158;

    --bs-secondary:      #f96906;
    --bs-secondary-rgb:  249, 105, 6;

    --bs-info:           #f99d00;
    --bs-info-rgb:       249, 157, 0;

    --bs-success:        #68b700;
    --bs-success-rgb:    104, 183, 0;

    --bs-warning:        #ffc67f;
    --bs-warning-rgb:    255, 198, 127;

    --bs-danger:         #fb006a;
    --bs-danger-rgb:     251, 0, 106;

    --bs-light:          #fff7c4;
    --bs-light-rgb:      255, 247, 196;

    --bs-dark:           #320159;
    --bs-dark-rgb:       50, 1, 89;

    --bs-link-color:           #f20000;
    --bs-link-color-rgb:       242, 0, 0;
    --bs-link-hover-color:     #c20000;
    --bs-link-hover-color-rgb: 194, 0, 0;
}

/* ---- Buttons ---- */
.btn-primary {
    --bs-btn-color:              #fff;
    --bs-btn-bg:                 #f20000;
    --bs-btn-border-color:       #f20000;
    --bs-btn-hover-color:        #fff;
    --bs-btn-hover-bg:           #c20000;
    --bs-btn-hover-border-color: #b80000;
    --bs-btn-active-color:       #fff;
    --bs-btn-active-bg:          #b80000;
    --bs-btn-active-border-color:#ad0000;
    --bs-btn-disabled-color:     #fff;
    --bs-btn-disabled-bg:        #f20000;
    --bs-btn-disabled-border-color:#f20000;
    --bs-btn-focus-shadow-rgb:   242, 0, 0;
}
.btn-outline-primary {
    --bs-btn-color:              #f20000;
    --bs-btn-border-color:       #f20000;
    --bs-btn-hover-color:        #fff;
    --bs-btn-hover-bg:           #f20000;
    --bs-btn-hover-border-color: #f20000;
    --bs-btn-active-color:       #fff;
    --bs-btn-active-bg:          #f20000;
    --bs-btn-focus-shadow-rgb:   242, 0, 0;
}

.btn-secondary {
    --bs-btn-color:              #fff;
    --bs-btn-bg:                 #f96906;
    --bs-btn-border-color:       #f96906;
    --bs-btn-hover-color:        #fff;
    --bs-btn-hover-bg:           #d45705;
    --bs-btn-hover-border-color: #c85205;
    --bs-btn-active-color:       #fff;
    --bs-btn-active-bg:          #c85205;
    --bs-btn-disabled-color:     #fff;
    --bs-btn-disabled-bg:        #f96906;
    --bs-btn-focus-shadow-rgb:   249, 105, 6;
}
.btn-outline-secondary {
    --bs-btn-color:              #f96906;
    --bs-btn-border-color:       #f96906;
    --bs-btn-hover-color:        #fff;
    --bs-btn-hover-bg:           #f96906;
    --bs-btn-hover-border-color: #f96906;
    --bs-btn-active-color:       #fff;
    --bs-btn-active-bg:          #f96906;
    --bs-btn-focus-shadow-rgb:   249, 105, 6;
}

.btn-info {
    --bs-btn-color:              #320159;
    --bs-btn-bg:                 #f99d00;
    --bs-btn-border-color:       #f99d00;
    --bs-btn-hover-color:        #320159;
    --bs-btn-hover-bg:           #d48500;
    --bs-btn-hover-border-color: #c87e00;
    --bs-btn-active-color:       #320159;
    --bs-btn-active-bg:          #c87e00;
    --bs-btn-disabled-color:     #320159;
    --bs-btn-disabled-bg:        #f99d00;
    --bs-btn-focus-shadow-rgb:   249, 157, 0;
}
.btn-outline-info {
    --bs-btn-color:              #f99d00;
    --bs-btn-border-color:       #f99d00;
    --bs-btn-hover-color:        #320159;
    --bs-btn-hover-bg:           #f99d00;
    --bs-btn-hover-border-color: #f99d00;
    --bs-btn-active-color:       #320159;
    --bs-btn-active-bg:          #f99d00;
    --bs-btn-focus-shadow-rgb:   249, 157, 0;
}

.btn-success {
    --bs-btn-color:              #fff;
    --bs-btn-bg:                 #68b700;
    --bs-btn-border-color:       #68b700;
    --bs-btn-hover-color:        #fff;
    --bs-btn-hover-bg:           #579900;
    --bs-btn-hover-border-color: #529100;
    --bs-btn-active-color:       #fff;
    --bs-btn-active-bg:          #529100;
    --bs-btn-disabled-color:     #fff;
    --bs-btn-disabled-bg:        #68b700;
    --bs-btn-focus-shadow-rgb:   104, 183, 0;
}
.btn-outline-success {
    --bs-btn-color:              #68b700;
    --bs-btn-border-color:       #68b700;
    --bs-btn-hover-color:        #fff;
    --bs-btn-hover-bg:           #68b700;
    --bs-btn-hover-border-color: #68b700;
    --bs-btn-active-color:       #fff;
    --bs-btn-active-bg:          #68b700;
    --bs-btn-focus-shadow-rgb:   104, 183, 0;
}

.btn-warning {
    --bs-btn-color:              #320159;
    --bs-btn-bg:                 #ffc67f;
    --bs-btn-border-color:       #ffc67f;
    --bs-btn-hover-color:        #320159;
    --bs-btn-hover-bg:           #ffa84d;
    --bs-btn-hover-border-color: #ffa038;
    --bs-btn-active-color:       #320159;
    --bs-btn-active-bg:          #ffa038;
    --bs-btn-disabled-color:     #320159;
    --bs-btn-disabled-bg:        #ffc67f;
    --bs-btn-focus-shadow-rgb:   255, 198, 127;
}
.btn-outline-warning {
    --bs-btn-color:              #ffc67f;
    --bs-btn-border-color:       #ffc67f;
    --bs-btn-hover-color:        #320159;
    --bs-btn-hover-bg:           #ffc67f;
    --bs-btn-hover-border-color: #ffc67f;
    --bs-btn-active-color:       #320159;
    --bs-btn-active-bg:          #ffc67f;
    --bs-btn-focus-shadow-rgb:   255, 198, 127;
}

.btn-danger {
    --bs-btn-color:              #fff;
    --bs-btn-bg:                 #fb006a;
    --bs-btn-border-color:       #fb006a;
    --bs-btn-hover-color:        #fff;
    --bs-btn-hover-bg:           #d40059;
    --bs-btn-hover-border-color: #c80054;
    --bs-btn-active-color:       #fff;
    --bs-btn-active-bg:          #c80054;
    --bs-btn-disabled-color:     #fff;
    --bs-btn-disabled-bg:        #fb006a;
    --bs-btn-focus-shadow-rgb:   251, 0, 106;
}
.btn-outline-danger {
    --bs-btn-color:              #fb006a;
    --bs-btn-border-color:       #fb006a;
    --bs-btn-hover-color:        #fff;
    --bs-btn-hover-bg:           #fb006a;
    --bs-btn-hover-border-color: #fb006a;
    --bs-btn-active-color:       #fff;
    --bs-btn-active-bg:          #fb006a;
    --bs-btn-focus-shadow-rgb:   251, 0, 106;
}

.btn-light {
    --bs-btn-color:              #320159;
    --bs-btn-bg:                 #fff7c4;
    --bs-btn-border-color:       #e8daa0;
    --bs-btn-hover-color:        #320159;
    --bs-btn-hover-bg:           #f0e59e;
    --bs-btn-hover-border-color: #e0d070;
    --bs-btn-active-color:       #320159;
    --bs-btn-active-bg:          #e8da88;
    --bs-btn-disabled-color:     #320159;
    --bs-btn-disabled-bg:        #fff7c4;
}
.btn-outline-light {
    --bs-btn-color:              #fff7c4;
    --bs-btn-border-color:       #fff7c4;
    --bs-btn-hover-color:        #320159;
    --bs-btn-hover-bg:           #fff7c4;
    --bs-btn-hover-border-color: #fff7c4;
    --bs-btn-active-color:       #320159;
    --bs-btn-active-bg:          #fff7c4;
}

.btn-dark {
    --bs-btn-color:              #fff;
    --bs-btn-bg:                 #320159;
    --bs-btn-border-color:       #320159;
    --bs-btn-hover-color:        #fff;
    --bs-btn-hover-bg:           #27014a;
    --bs-btn-hover-border-color: #240145;
    --bs-btn-active-color:       #fff;
    --bs-btn-active-bg:          #240145;
    --bs-btn-disabled-color:     #fff;
    --bs-btn-disabled-bg:        #320159;
    --bs-btn-focus-shadow-rgb:   50, 1, 89;
}
.btn-outline-dark {
    --bs-btn-color:              #320159;
    --bs-btn-border-color:       #320159;
    --bs-btn-hover-color:        #fff;
    --bs-btn-hover-bg:           #320159;
    --bs-btn-hover-border-color: #320159;
    --bs-btn-active-color:       #fff;
    --bs-btn-active-bg:          #320159;
    --bs-btn-focus-shadow-rgb:   50, 1, 89;
}

/* ---- Alerts ---- */
.alert-info {
    --bs-alert-color:        #4a3600;
    --bs-alert-bg:           #fff3d9;
    --bs-alert-border-color: #f99d00;
}
.alert-warning {
    --bs-alert-color:        #4a3600;
    --bs-alert-bg:           #fff5e6;
    --bs-alert-border-color: #ffc67f;
}
.alert-light {
    --bs-alert-color:        #320159;
    --bs-alert-bg:           #fffde7;
    --bs-alert-border-color: #fff7c4;
}

/* ============================================================
   Accent utilities (accent1 / accent2 / accent3)
   Không có trong Bootstrap mặc định – tự định nghĩa
   ============================================================ */

/* Background */
.bg-accent1 { background-color: #067d4b !important; color: #fff; }
.bg-accent2 { background-color: #18a006 !important; color: #fff; }
.bg-accent3 { background-color: #3bd69e !important; color: #320159; }

/* Text */
.text-accent1 { color: #067d4b !important; }
.text-accent2 { color: #18a006 !important; }
.text-accent3 { color: #3bd69e !important; }

/* Border */
.border-accent1 { border-color: #067d4b !important; }
.border-accent2 { border-color: #18a006 !important; }
.border-accent3 { border-color: #3bd69e !important; }

/* Badge */
.badge.bg-accent1 { background-color: #067d4b !important; color: #fff; }
.badge.bg-accent2 { background-color: #18a006 !important; color: #fff; }
.badge.bg-accent3 { background-color: #3bd69e !important; color: #320159; }

/* Buttons */
.btn-accent1 {
    --bs-btn-color:              #fff;
    --bs-btn-bg:                 #067d4b;
    --bs-btn-border-color:       #067d4b;
    --bs-btn-hover-color:        #fff;
    --bs-btn-hover-bg:           #055e38;
    --bs-btn-hover-border-color: #045832;
    --bs-btn-active-color:       #fff;
    --bs-btn-active-bg:          #045832;
    --bs-btn-disabled-color:     #fff;
    --bs-btn-disabled-bg:        #067d4b;
    --bs-btn-focus-shadow-rgb:   6, 125, 75;
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color);
}
.btn-accent1:hover  { color: var(--bs-btn-hover-color);  background-color: var(--bs-btn-hover-bg);  border-color: var(--bs-btn-hover-border-color); }
.btn-accent1:active { color: var(--bs-btn-active-color); background-color: var(--bs-btn-active-bg); border-color: var(--bs-btn-active-border-color); }
.btn-accent1:disabled, .btn-accent1.disabled { color: var(--bs-btn-disabled-color); background-color: var(--bs-btn-disabled-bg); border-color: var(--bs-btn-disabled-border-color); opacity: .65; }

.btn-outline-accent1 {
    color: #067d4b;
    border-color: #067d4b;
    background-color: transparent;
}
.btn-outline-accent1:hover  { color: #fff; background-color: #067d4b; border-color: #067d4b; }
.btn-outline-accent1:active { color: #fff; background-color: #055e38; border-color: #055e38; }

.btn-accent2 {
    --bs-btn-color:              #fff;
    --bs-btn-bg:                 #18a006;
    --bs-btn-border-color:       #18a006;
    --bs-btn-hover-color:        #fff;
    --bs-btn-hover-bg:           #138005;
    --bs-btn-hover-border-color: #117804;
    --bs-btn-active-color:       #fff;
    --bs-btn-active-bg:          #117804;
    --bs-btn-disabled-color:     #fff;
    --bs-btn-disabled-bg:        #18a006;
    --bs-btn-focus-shadow-rgb:   24, 160, 6;
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color);
}
.btn-accent2:hover  { color: var(--bs-btn-hover-color);  background-color: var(--bs-btn-hover-bg);  border-color: var(--bs-btn-hover-border-color); }
.btn-accent2:active { color: var(--bs-btn-active-color); background-color: var(--bs-btn-active-bg); border-color: var(--bs-btn-active-border-color); }
.btn-accent2:disabled, .btn-accent2.disabled { color: var(--bs-btn-disabled-color); background-color: var(--bs-btn-disabled-bg); border-color: var(--bs-btn-disabled-border-color); opacity: .65; }

.btn-outline-accent2 {
    color: #18a006;
    border-color: #18a006;
    background-color: transparent;
}
.btn-outline-accent2:hover  { color: #fff; background-color: #18a006; border-color: #18a006; }
.btn-outline-accent2:active { color: #fff; background-color: #138005; border-color: #138005; }

.btn-accent3 {
    --bs-btn-color:              #320159;
    --bs-btn-bg:                 #3bd69e;
    --bs-btn-border-color:       #3bd69e;
    --bs-btn-hover-color:        #320159;
    --bs-btn-hover-bg:           #25c088;
    --bs-btn-hover-border-color: #22b880;
    --bs-btn-active-color:       #320159;
    --bs-btn-active-bg:          #22b880;
    --bs-btn-disabled-color:     #320159;
    --bs-btn-disabled-bg:        #3bd69e;
    --bs-btn-focus-shadow-rgb:   59, 214, 158;
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color);
}
.btn-accent3:hover  { color: var(--bs-btn-hover-color);  background-color: var(--bs-btn-hover-bg);  border-color: var(--bs-btn-hover-border-color); }
.btn-accent3:active { color: var(--bs-btn-active-color); background-color: var(--bs-btn-active-bg); border-color: var(--bs-btn-active-border-color); }
.btn-accent3:disabled, .btn-accent3.disabled { color: var(--bs-btn-disabled-color); background-color: var(--bs-btn-disabled-bg); border-color: var(--bs-btn-disabled-border-color); opacity: .65; }

.btn-outline-accent3 {
    color: #3bd69e;
    border-color: #3bd69e;
    background-color: transparent;
}
.btn-outline-accent3:hover  { color: #320159; background-color: #3bd69e; border-color: #3bd69e; }
.btn-outline-accent3:active { color: #320159; background-color: #25c088; border-color: #25c088; }