/* ===== Bảng màu YOURHOMEWORK — theo yourhomework.net =====
   Brand gốc: --yhw-primary #3B82F6 · --yhw-secondary #F97316 · --yhw-accent #22C55E
              --yhw-bg-soft #F3F4FF · --yhw-text-main #0F172A
   File này nạp SAU app.css + theme-*.css nên chỉ cần ghi đè biến ở :root. */
:root{
  /* Xanh chủ đạo — thang blue của mẫu (#3B82F6 = blue-500) */
  --primary:#3B82F6; --primary-d:#2563EB; --primary-h:#60A5FA;
  --primary-l:#EFF6FF; --primary-l2:#F5F8FF; --primary-border:#BFDBFE;

  /* Xanh lá nhấn (--yhw-accent) */
  --green:#22C55E; --green-l:#ECFDF5; --green-b:#A7F3D0;

  /* Cam phụ (--yhw-secondary) — dùng cho cảnh báo/điểm nhấn phụ */
  --amber:#F97316; --amber-l:#FFF7ED;

  /* Đỏ giữ nguyên hệ Ant Design của mẫu */
  --red:#EF4444; --red-l:#FEF2F2; --red-b:#FECACA;

  /* Nền & chữ (--yhw-bg-soft, --yhw-text-main) */
  --bg:#F3F4FF; --card:#fff;
  --line:#E5E7EB; --line2:#CBD5E1;
  --text:#0F172A; --muted:#64748B; --muted2:#334155;
}

/* Topbar đặc màu brand giống .yhw-header của mẫu (nền #3B82F6, chữ trắng) */
.topbar{background:var(--primary);border-bottom-color:var(--primary-d);color:#fff;
  box-shadow:0 4px 12px rgba(15,23,42,.25)}
.topbar .topbar-title{color:#fff}
.topbar .hamb,.topbar .user-chip,.topbar .user-chip:hover,.topbar .uname{color:#fff}
.topbar .muted,.topbar .small{color:rgba(255,255,255,.78)}
.topbar .avatar{background:rgba(255,255,255,.22);color:#fff}
.topbar a{color:#fff}
.topbar a:hover{color:rgba(255,255,255,.85)}
.topbar .btn-ghost{border-color:rgba(255,255,255,.45);color:#fff;background:transparent}
.topbar .btn-ghost:hover{background:rgba(255,255,255,.14);color:#fff}
/* Ô tìm kiếm, chuông, badge nằm trong topbar phải đọc được trên nền xanh */
.topbar .topsearch input{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.35);color:#fff}
.topbar .topsearch input::placeholder{color:rgba(255,255,255,.75)}
.topbar .topsearch input:focus{background:rgba(255,255,255,.24);border-color:#fff;outline:none}
.topbar .bell{color:#fff}
.topbar .badge{background:rgba(255,255,255,.18);color:#fff;border-color:rgba(255,255,255,.4)}
.topbar .pill{background:rgba(255,255,255,.18);color:#fff;border-color:rgba(255,255,255,.4)}

/* Sidebar: mục đang chọn dùng nền brand nhạt của mẫu */
.nav-item.active{background:var(--primary-l);color:var(--primary-d)}
.brand-mark{background:var(--primary)}
.brand-text{color:var(--primary)}

/* Icon Remix Icon ăn theo tông brand ở các bề mặt chính */
.stat .ico{color:var(--primary)}
.nav-item .ico{color:inherit}