/* =============================================================
   icons.gen.css — SINH TỰ ĐỘNG bởi tools/build-icons.mjs. Không sửa tay.
   Nạp sau common.css.

   Bộ icon gốc dùng 3 khe màu: nét chính, nét nhấn, mảng nền mờ.
   Khe 3 luôn là bản mờ của khe 1 chứ không phải một màu tint riêng, để icon giữ
   được khối dù đặt trên nền trắng, nền pale hay nền navy.
   Rule ngữ cảnh theo bề mặt nằm ở cuối common.css, specificity cao hơn nên đè được.
   ============================================================= */

/* base: đen + đỏ — 25 icon */
use[href$="#i-arrow-right"],
use[href$="#i-arrow-up-right"],
use[href$="#i-caret-down"],
use[href$="#i-caret-right"],
use[href$="#i-caret-left"],
use[href$="#i-check"],
use[href$="#i-check-circle"],
use[href$="#i-x"],
use[href$="#i-plus"],
use[href$="#i-list"],
use[href$="#i-play"],
use[href$="#i-quotes"],
use[href$="#i-navigation-arrow"],
use[href$="#i-phone"],
use[href$="#i-phone-call"],
use[href$="#i-magnifying-glass"],
use[href$="#i-download"],
use[href$="#i-envelope"],
use[href$="#i-clock"],
use[href$="#i-map-pin"],
use[href$="#i-calendar-blank"],
use[href$="#i-chat-circle-dots"],
use[href$="#i-file-pdf"],
use[href$="#i-house"],
use[href$="#i-buildings"]
{ --ic-1: var(--black); --ic-2: var(--red); --ic-3: rgba(9, 11, 12, .13); }

/* learn: đen + vàng — 18 icon */
use[href$="#i-book-open"],
use[href$="#i-brain"],
use[href$="#i-graduation-cap"],
use[href$="#i-translate"],
use[href$="#i-student"],
use[href$="#i-chart-line-up"],
use[href$="#i-shield-check"],
use[href$="#i-calendar-check"],
use[href$="#i-users"],
use[href$="#i-hand-coins"],
use[href$="#i-target"],
use[href$="#i-strategy-path"],
use[href$="#i-suitcase"],
use[href$="#i-idea"],
use[href$="#i-team-work"],
use[href$="#i-brainstorm"],
use[href$="#i-teacher"],
use[href$="#i-online-class"]
{ --ic-1: var(--black); --ic-2: var(--yellow); --ic-3: rgba(9, 11, 12, .13); }

/* featured: đỏ + vàng — 6 icon */
use[href$="#i-trophy"],
use[href$="#i-medal"],
use[href$="#i-certificate"],
use[href$="#i-seal-check"],
use[href$="#i-sparkle"],
use[href$="#i-star"]
{ --ic-1: var(--red); --ic-2: var(--yellow); --ic-3: rgba(229, 64, 54, .16); }