/* ─────────────────────────────────────────────────────────────────────────
   ⚠️  FILE NAY DUOC SINH TU DONG — DUNG SUA TAY
   Nguon:  design/tokens.json
   Sinh lai:  python execution/build_tokens.py
   Sua o day se bi ghi de lan sinh sau.

   Ba luat mau + bang tuong phan: directives/system/ui_design.md muc 2.
   ───────────────────────────────────────────────────────────────────────── */

:root {
    /* ── SHARED — Mau dung chung cho MOI noi: web .net, Admin .academy, slide, email. */
    --kc-cyan:        #13c3e3;                                /* Nut, icon, vien nhan, thanh, gach chan. KHONG lam mau chu. */
    --kc-cyan-hover:  #0ea5e9;                                /* Hover cua nut Admin */
    --kc-cyan-deep:   #0f96c2;                                /* CHU mau cyan (3.41:1 tren trang). Link hover. */
    --kc-cyan-mid:    #318ca2;                                /* Vien, nhan mo */
    --kc-cyan-soft:   #eafcff;                                /* Nen nhat, vong boc icon, hero gradient start */
    --kc-cta-hover:   #00d084;                                /* Landing: nut chuyen xanh la khi hover */
    --kc-bg:          #ffffff;                                /* Nen card, va nen MOI slide — User chot 2026-07-29 */
    --kc-bg-app:      #f3fcff;                                /* Nen trang web, nen section xen ke */
    --kc-highlight:   #f3fcff;                                /* Khoi CAN NHAN trong slide (cot dung, o so, callout) */
    --kc-bg-muted:    #f8fafc;                                /* Nen o nhap, khoi phu trong Admin */
    --kc-bg-dark:     #0f172a;                                /* CHI lam mau chu. KHONG lam nen slide (luat 1). */
    --kc-text:        #0f172a;                                /* Heading, label, noi dung chinh */
    --kc-text-sub:    #64748b;                                /* Mo ta, placeholder, ghi chu (4.76:1) */
    --kc-text-mid:    #334155;                                /* Chu nut phu trong Admin */
    --kc-text-faint:  #6b7280;                                /* Chu mo. #94a3b8 cu chi dat 2.56:1 tren trang — khong doc duoc */
    --kc-text-invert: #ffffff;                                /* Chu tren nen dac */
    --kc-heading-lp:  #1a1a2e;                                /* H1/H2 tren landing page .net */
    --kc-border:      #e2e8f0;                                /* Vien mac dinh Admin */
    --kc-border-lp:   #e2f4f8;                                /* Vien card tren landing page */
    --kc-border-card: #a9e2f2;                                /* Vien the trong slide — dam hon de thay ro khung */
    --kc-border-mid:  #cbd5e1;                                /* Vien khi hover */
    --kc-border-soft: #f1f5f9;                                /* Nen nut ghost khi hover */
    --kc-success:     #166534;                                /* Chu trang thai thanh cong */
    --kc-success-bg:  #dcfce7;                                /* Nen trang thai thanh cong */
    --kc-success-lp:  #00ac66;                                /* Icon tick tren landing page */
    --kc-success-lp2: #047857;                                /* Chu xanh la trong bang Admin. #059669 cu chi dat 3.77:1 */
    --kc-info:        #1e40af;                                /* Chu trang thai thong tin */
    --kc-link:        #0369a1;                                /* Link/tab dang chon. #0284c7 cu chi dat 3.57:1 */
    --kc-info-bg:     #dbeafe;                                /* Nen trang thai thong tin */
    --kc-danger:      #ef4444;                                /* VIEN/NEN trang thai loi — dung lam chu thi chi 3.76:1 */
    --kc-danger-text: #b91c1c;                                /* CHU mau do. #dc2626 chi 4.41:1 khi nam tren nen co mau */
    --kc-ok-text:     #15803d;                                /* CHU mau xanh la (5.02:1). So lieu trong bang */
    --kc-sep:         #6b7280;                                /* Dau phan cach | · va tay keo tha. #cbd5e1 cu chi 1.48:1 */
    --kc-danger-bg:   #fef2f2;                                /* Nen trang thai loi */
    --kc-warning:     #92400e;                                /* Chu trang thai canh bao */
    --kc-warning-bg:  #fef3c7;                                /* Nen trang thai canh bao */
    --kc-mark-bg:     #f3fcff;                                /* Vong boc so/icon */
    --kc-mark-border: #13c3e3;                                /* Vien vong boc so/icon — cho ra chat cyan */
    --kc-mark-text:   #0f96c2;                                /* So/icon trong vong (3.3:1 tren #f3fcff) */
    --kc-btn-bg:      #13c3e3;                                /* Nen nut CTA — phang, khong box-shadow */
    --kc-btn-text:    #ffffff;                                /* Chu nut CTA. 2.11:1 — mien tru co ghi so, xem ui_design.md */
    --kc-font:        'Inter', -apple-system, 'Segoe UI', system-ui, sans-serif;/* Font duy nhat */

    /* ── ADMIN — Chi dung cho WP Admin cua .academy. */
    --kc-radius-card:  14px;
    --kc-radius-btn:   8px;
    --kc-radius-badge: 20px;
    --kc-radius-modal: 16px;
    --kc-input-h:      42px;
    --kc-shadow-card:  0 2px 8px rgba(0,0,0,0.02);

}