/* Giá trị thiết kế lấy từ giao diện cổng Cloudfly (my.cloudfly.vn), đọc trực tiếp từ trang đang chạy ngày 2026-11-07:
   nền trang #F3F6F9, thẻ trắng viền #F0F0F0 bo 12px, nút bo 8px cao 32 đến 35px, chữ 14px màu rgba(0,0,0,.88),
   màu chính #096EFF (nút chính, mục menu đang chọn), màu cảnh báo #F44336, chữ phụ #6B7280, thanh trên cao 64px,
   phông hệ thống. Cloudfly là giao diện kiểu Ant Design v5. Chỉ dùng giá trị hiển thị, KHÔNG dùng logo hay nhãn hiệu Cloudfly.
   Muốn đổi sang màu thương hiệu Bách Khoa (logo xanh chàm #2410F5, cam #F26A0A), chỉ sửa các biến --c-primary* ở đây. */
:root {
  --font: -apple-system, "system-ui", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;

  --c-primary: #096eff;
  --c-primary-hover: #3589ff;
  --c-primary-active: #0556d1;
  --c-primary-bg: #e6f0ff;
  --c-danger: #f44336;
  --c-danger-bg: #fdecea;
  --c-success: #389e0d;
  --c-success-bg: #f0fbe6;
  --c-warning: #d48806;
  --c-warning-bg: #fff7e0;

  --c-bg: #f3f6f9;
  --c-card: #ffffff;
  --c-border: #f0f0f0;
  --c-border-strong: #d9d9d9;
  --c-text: rgba(0, 0, 0, 0.88);
  --c-text-2: #6b7280;
  --c-text-3: rgba(0, 0, 0, 0.45);

  --radius-card: 12px;
  --radius-ctl: 8px;
  --radius-tag: 6px;

  --h-header: 64px;
  --w-sidebar: 240px;

  --fs-base: 14px;
  --fs-title: 18px;
  --fs-h1: 20px;
  --lh: 1.5715;

  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;

  --shadow-pop: 0 6px 16px rgba(0, 0, 0, 0.08);
}