/* =====================================================================
   ctec — BẢNG MÀU THEO CẤU HÌNH "Màu giao diện" (admin → Giao diện hiển thị)
   Nạp SAU styles.css. Chỉ đổi màu, không đổi bố cục.
   body nhận class tv-c-{blue|red|orange|yellow|purple|pink|brown|black}; "Mặc định" = không class = màu gốc ctec.
   Mỗi bảng màu gồm:  --navy* (màu chủ đạo: header, nút chính, nền khối tối)
                      --accent* (màu nhấn: nút đăng ký, số năm, điểm nhấn)
                      --sky*, --grey* (nền nhạt / viền ăn theo màu chủ đạo)
   ===================================================================== */

/* ---------- Biến bổ sung cho màu gốc (dùng cho bóng đổ, viền) ---------- */
:root{
  --navy-rgb:11,59,132; --navy-4-rgb:5,32,74; --navy-light-rgb:56,120,220;
  --accent-rgb:217,72,15; --accent-3:#ef6c1f; --accent-bg-2:#ffe1cc;
  --sky-2:#cdd9ec; --sky-3:#8fa6c2;
  --shadow:0 14px 34px rgba(var(--navy-rgb),.12);
}

/* ---------- 1. Xanh (blue) — xanh dương tươi + cam ---------- */
body.tv-c-blue{
  --navy:#1d4ed8; --navy-2:#2563eb; --navy-3:#1e40af; --navy-4:#172554;
  --navy-rgb:29,78,216; --navy-4-rgb:23,37,84; --navy-light-rgb:96,165,250;
  --accent:#ea580c; --accent-2:#c2410c; --accent-3:#f97316; --accent-rgb:234,88,12;
  --accent-bg:#fff1e6; --accent-bg-2:#ffe0c7; --accent-text:#9a3412;
  --sky:#c7d7fb; --sky-2:#d6e2fd; --sky-3:#93a9d9; --grey:#f4f7fe; --grey-2:#e8eefc; --line:#e1e7f3;
}
/* ---------- 2. Đỏ (red) — đỏ đô + vàng hổ phách ---------- */
body.tv-c-red{
  --navy:#9f1d1d; --navy-2:#b91c1c; --navy-3:#7f1616; --navy-4:#4c0b0b;
  --navy-rgb:159,29,29; --navy-4-rgb:76,11,11; --navy-light-rgb:239,68,68;
  --accent:#d97706; --accent-2:#b45309; --accent-3:#f59e0b; --accent-rgb:217,119,6;
  --accent-bg:#fef3c7; --accent-bg-2:#fde68a; --accent-text:#92400e;
  --sky:#f1d0d0; --sky-2:#f6dede; --sky-3:#c99a9a; --grey:#fbf6f6; --grey-2:#f6eaea; --line:#efe1e1;
}
/* ---------- 3. Cam (orange) — cam đất + xanh dương ---------- */
body.tv-c-orange{
  --navy:#c2410c; --navy-2:#ea580c; --navy-3:#9a3412; --navy-4:#5a1f07;
  --navy-rgb:194,65,12; --navy-4-rgb:90,31,7; --navy-light-rgb:251,146,60;
  --accent:#1d4ed8; --accent-2:#1e40af; --accent-3:#2563eb; --accent-rgb:29,78,216;
  --accent-bg:#e8efff; --accent-bg-2:#d4e0ff; --accent-text:#1e3a8a;
  --sky:#fbd7c1; --sky-2:#fde4d3; --sky-3:#d7a283; --grey:#fdf7f3; --grey-2:#fbeee5; --line:#f1e4da;
}
/* ---------- 4. Vàng (yellow) — vàng nghệ đậm + xanh ngọc (chữ trên nền vẫn đủ tương phản) ---------- */
body.tv-c-yellow{
  --navy:#a16207; --navy-2:#ca8a04; --navy-3:#854d0e; --navy-4:#422006;
  --navy-rgb:161,98,7; --navy-4-rgb:66,32,6; --navy-light-rgb:250,204,21;
  --accent:#0f766e; --accent-2:#115e59; --accent-3:#14b8a6; --accent-rgb:15,118,110;
  --accent-bg:#e6f6f4; --accent-bg-2:#ccede9; --accent-text:#134e4a;
  --gold:#fde68a;
  --sky:#f5e3b5; --sky-2:#f9ecc9; --sky-3:#cdb37a; --grey:#fdfaf2; --grey-2:#f9f2e1; --line:#efe6d2;
}
/* ---------- 5. Tím (purple) — tím đậm + hồng ---------- */
body.tv-c-purple{
  --navy:#5b21b6; --navy-2:#7c3aed; --navy-3:#4c1d95; --navy-4:#2e1065;
  --navy-rgb:91,33,182; --navy-4-rgb:46,16,101; --navy-light-rgb:167,139,250;
  --accent:#db2777; --accent-2:#be185d; --accent-3:#ec4899; --accent-rgb:219,39,119;
  --accent-bg:#fdf2f8; --accent-bg-2:#fce7f3; --accent-text:#9d174d;
  --sky:#ddd0f7; --sky-2:#e8defa; --sky-3:#a99ad1; --grey:#f8f6fd; --grey-2:#efeafb; --line:#e7e1f3;
}
/* ---------- 6. Hồng (pink) — hồng sen + tím ---------- */
body.tv-c-pink{
  --navy:#be185d; --navy-2:#db2777; --navy-3:#9d174d; --navy-4:#500724;
  --navy-rgb:190,24,93; --navy-4-rgb:80,7,36; --navy-light-rgb:244,114,182;
  --accent:#7c3aed; --accent-2:#6d28d9; --accent-3:#8b5cf6; --accent-rgb:124,58,237;
  --accent-bg:#f3eeff; --accent-bg-2:#e6dbff; --accent-text:#5b21b6;
  --sky:#f6cfe0; --sky-2:#f9dfea; --sky-3:#d499b2; --grey:#fdf6f9; --grey-2:#fae9f0; --line:#f1e0e8;
}
/* ---------- 7. Nâu (brown) — nâu gỗ + cam hổ phách ---------- */
body.tv-c-brown{
  --navy:#7c4a1e; --navy-2:#9a5b23; --navy-3:#5c3714; --navy-4:#2f1c0a;
  --navy-rgb:124,74,30; --navy-4-rgb:47,28,10; --navy-light-rgb:214,158,98;
  --accent:#d97706; --accent-2:#b45309; --accent-3:#f59e0b; --accent-rgb:217,119,6;
  --accent-bg:#fef3c7; --accent-bg-2:#fde68a; --accent-text:#92400e;
  --sky:#ead9c7; --sky-2:#f1e4d6; --sky-3:#bfa283; --grey:#faf7f3; --grey-2:#f3ece4; --line:#ebe2d7;
}
/* ---------- 8. Đen (black) — than chì + cam ---------- */
body.tv-c-black{
  --navy:#1f2937; --navy-2:#374151; --navy-3:#111827; --navy-4:#030712;
  --navy-rgb:31,41,55; --navy-4-rgb:3,7,18; --navy-light-rgb:107,114,128;
  --accent:#ea580c; --accent-2:#c2410c; --accent-3:#f97316; --accent-rgb:234,88,12;
  --accent-bg:#fff1e6; --accent-bg-2:#ffe0c7; --accent-text:#9a3412;
  --sky:#d1d5db; --sky-2:#e5e7eb; --sky-3:#9ca3af; --grey:#f6f7f8; --grey-2:#eceef1; --line:#e3e6ea;
}
body[class*="tv-c-"]{ --shadow:0 14px 34px rgba(var(--navy-rgb),.12); }

/* ---------- Các chỗ styles.css đang ghi màu cố định → chuyển sang biến (giữ nguyên giá trị gốc ở màu Mặc định) ---------- */
.tv-btn--accent{box-shadow:0 8px 20px rgba(var(--accent-rgb),.28)}
.tv-topbar{color:var(--sky-2)}
.tv-topbar__right a{color:var(--sky-2)}
.tv-header{box-shadow:0 4px 18px rgba(var(--navy-rgb),.06)}
.tv-hero__desc{color:var(--sky-2)}
.tv-form--card{box-shadow:0 24px 60px rgba(var(--navy-4-rgb),.28)}
.tv-card--ic{box-shadow:0 10px 30px rgba(var(--navy-rgb),.08)}
.tv-faq details[open]{box-shadow:0 8px 22px rgba(var(--navy-rgb),.08);border-color:var(--sky-2)}
.tv-cta__text p,.tv-cta__text div{color:var(--accent-bg-2)}
.tv-contact__q{box-shadow:0 6px 18px rgba(var(--navy-rgb),.06)}
.tv-footer a{color:var(--sky-2)}
.tv-footer__contact p{color:var(--sky-2)}
.tv-footer__menu .tv-footer__links a + a::before{color:var(--sky-3)}
.tv-content ul.tv-checkgrid li:hover{box-shadow:0 8px 22px rgba(var(--navy-rgb),.08)}

/* Chữ sáng trên nền tối của màu Vàng: giữ chữ trắng đủ đậm */
body.tv-c-yellow .tv-btn--primary,body.tv-c-yellow .tv-nav__cta{text-shadow:0 1px 0 rgba(0,0,0,.12)}