/*
 * HỆ MÀU TRANG CHỦ
 *
 * Nhịp nền duy nhất: trắng -> xanh nhạt -> trắng -> xanh nhạt.
 * Navy chỉ dùng cho tiêu đề; không dùng làm nền toàn section.
 * Ảnh banner PNG không bị tác động.
 */

#site-root.home-page {
    --navy-950: #123d6b;
    --navy-900: #123d6b;
    --indigo: #123d6b;
    --blue: #2387b3;
    --cyan: #2387b3;
    --gold: #f5c542;
    --gold-deep: #7a5b00;
    --ink: #123d6b;
    --muted: #60758a;
    --line: #d4e5ee;
    --soft: #f1f8fc;
    --brand-blue: #2387b3;
    --brand-blue-dark: #123d6b;
    --brand-navy: #123d6b;
    --brand-cyan: #2387b3;
    --brand-gold: #f5c542;
    --brand-gold-hover: #e9b934;
    --surface-blue: #f1f8fc;
    --surface-blue-strong: #e1f1f7;
    --text-primary: #123d6b;
    --text-secondary: #60758a;
    --border-light: #d4e5ee;

    background: #fff;
    color: var(--text-primary);
}

/* Header, điều khiển carousel và thanh bản quyền dùng xanh thương hiệu. */
#site-root.home-page :is(.topbar,
    .site-header.is-scrolled,
    .hero-carousel__controls,
    .site-footer-wrap) {
    background: #2387b3;
}

#site-root.home-page .hero-carousel {
    background: #fff;
}

#site-root.home-page .hero-carousel__dot.is-active {
    border-color: #f5c542;
    background: #f5c542;
}

/* Nhịp nền section theo đúng thứ tự của trang chủ. */
#site-root.home-page :is(.promise-strip,
    .why-section,
    .roadmap-section,
    .campus-section,
    .article-section,
    .consultation-section) {
    background: #fff;
    color: var(--text-primary);
}

#site-root.home-page :is(.featured-courses-section,
    .schedule-preview,
    .teacher-section,
    .proof-section,
    .faq-section,
    .site-footer) {
    background: #f1f8fc;
    color: var(--text-primary);
}

/* Tiêu đề và mô tả chỉ dùng hai màu chữ thống nhất. */
#site-root.home-page main :is(h1, h2, h3, h4, h5, h6),
#site-root.home-page .site-footer :is(h2, h3) {
    color: #f1f8fc;
}

#site-root.home-page main :is(p, small, dd),
#site-root.home-page .site-footer :is(p, small, address) {
    color: #60758a;
}

#site-root.home-page :is(.eyebrow,
    .featured-courses__all-link,
    .campus-card__link,
    .campus-status-card > a,
    .article-card__body > a,
    .read-more,
    .text-link,
    .site-footer a) {
    color: #2387b3;
}

/* Card luôn trắng, cùng một màu viền. */
#site-root.home-page :is(.promise-strip__item,
    .course-card--featured,
    .why__list article,
    .schedule-preview .empty-state,
    .teacher-standard-card,
    .campus-card,
    .campus-status-card,
    .proof-checklist article,
    .article-card,
    .article-grid > article,
    .faq-item,
    .faq-list details,
    .consultation-section__form) {
    border-color: #d4e5ee;
    background: #fff;
    box-shadow: 0 14px 38px rgba(18, 61, 107, 0.07);
}

/* Icon chính dùng xanh thương hiệu trên nền xanh rất nhạt. */
#site-root.home-page :is(.promise-strip__icon,
    .course-card__symbol,
    .why__list article > span,
    .teacher-standard-card__icon,
    .campus-card__icon,
    .campus-status-card__icon,
    .proof-checklist article > span,
    .faq-section__icon,
    .article-card__cover) {
    border-color: #d4e5ee;
    background: #e1f1f7;
    color: #2387b3;
}

#site-root.home-page :is(.course-card__fact,
    .course-card__meta-item,
    .campus-card__status,
    .campus-status-card__badge,
    .status-chip,
    .consultation-contact-note) {
    border-color: #d4e5ee;
    background: #f1f8fc;
}

#site-root.home-page :is(input, select, textarea) {
    border-color: #d4e5ee;
    background: #fff;
    color: #123d6b;
}

/* CTA chính dùng vàng; CTA phụ và link dùng xanh thương hiệu. */
#site-root.home-page :is(.button--primary, .course-card__details) {
    border-color: #2387b3;
    background: #2387b3;
    color: #fff;
    box-shadow: 0 10px 24px rgba(35, 135, 179, 0.18);
}

#site-root.home-page :is(.button--gold,
    .proof-section__button,
    .consultation-section .button--gold) {
    border-color: #f5c542 !important;
    background: #f5c542 !important;
    color: #3b310b !important;
    box-shadow: 0 10px 24px rgba(122, 91, 0, 0.16);
}

#site-root.home-page :is(.button--gold:hover,
    .proof-section__button:hover) {
    border-color: #e9b934 !important;
    background: #e9b934 !important;
}

/* Proof và tư vấn nay là section sáng, không còn chữ trắng/nền navy. */
#site-root.home-page :is(.proof-section__content h2,
    .proof-checklist strong,
    .consultation-section__content h2,
    .consultation-benefits strong,
    .consultation-contact-note strong) {
    color: #123d6b;
}

#site-root.home-page :is(.proof-section__content > p,
    .proof-checklist p,
    .consultation-section__content > p,
    .consultation-benefits small,
    .consultation-contact-note small) {
    color: #60758a;
}

#site-root.home-page .consultation-benefits li>span {
    background: #e1f1f7;
    color: #2387b3;
}

#site-root.home-page .consultation-contact-note>i {
    background: #fff;
    color: #2387b3;
}

/* Vàng không dùng cho trang trí thường; các bước dùng cùng xanh thương hiệu. */
#site-root.home-page .why__badge {
    border: 1px solid #d4e5ee;
    background: #f1f8fc;
    color: #123d6b;
    box-shadow: 0 12px 28px rgba(18, 61, 107, 0.08);
}

#site-root.home-page .roadmap li>span,
#site-root.home-page .roadmap li:nth-child(even)>span,
#site-root.home-page .roadmap li:last-child>span {
    background: #2387b3;
    color: #fff;
}