/* ==========================================================================
   Nền trang chung – gradient tím nhạt (dùng cho mọi trang)
   - Trang cũ: được nạp qua @import trong base.css
   - Trang Stitch: <link rel="stylesheet" href="src/styles/page-bg.css">
   Giữ nguyên: phần Giáo viên (nền vàng), dải nền tối, header, thẻ trắng.
   ========================================================================== */

:root {
  --page-bg-color: #F1E9FF;
  --page-bg-gradient:
    radial-gradient(ellipse 80% 50% at 0% 0%, rgba(108, 43, 217, 0.20), transparent 60%),
    radial-gradient(ellipse 70% 50% at 100% 45%, rgba(83, 0, 185, 0.14), transparent 60%),
    radial-gradient(ellipse 80% 50% at 15% 100%, rgba(108, 43, 217, 0.18), transparent 60%),
    linear-gradient(180deg, #F4EEFF 0%, #E9DEFF 100%);
}

body {
  background-color: var(--page-bg-color) !important;
  background-image: var(--page-bg-gradient) !important;
  background-attachment: fixed !important;
}

/* Các phần nền trắng / kem: trong suốt để lộ gradient tím */
section:not(.card):not(#teacher):not(#instructor):not(#consultation):not([class*="bg-inverse"]) {
  background-color: transparent !important;
  background-image: none !important;
}

/* Giữ nhịp xen kẽ: phần trước đây nền kem nay phủ trắng mờ nhẹ */
section[class*="bg-surface-subtle"]:not(.card):not(#teacher):not(#instructor) {
  background-color: rgba(255, 255, 255, 0.35) !important;
}

/* Footer: trắng mờ trên nền tím (trừ footer mới nền tím đậm) */
footer:not(.site-footer-v2) {
  background-color: rgba(255, 255, 255, 0.6) !important;
}

/* --------------------------------------------------------------------------
   Giữ chữ dễ đọc trên nền tím (WCAG AA ≥ 4.5:1)
   Màu chữ nhạt của Stitch được đổi sang bản đậm cùng tông (theo DESIGN.md)
   -------------------------------------------------------------------------- */
.text-outline { color: #57505F !important; }              /* xám tím */
.text-cefr-a1 { color: #1D4ED8 !important; }              /* xanh dương */
.text-cefr-a2 { color: #047857 !important; }              /* xanh lá */
.text-cefr-b1 { color: #B45309 !important; }              /* cam */
.text-\[\#0068FF\] { color: #0052CC !important; }   /* xanh Zalo */
.text-\[\#0068FF\][class*="hover:text-white"]:hover { color: #FFFFFF !important; }
.text-\[\#F59E0B\] { color: #B45309 !important; }   /* cam */