/* BẢNG MÀU VÀ PHÔNG ADB - dùng chung cho mọi thiết kế. Sửa ở đây là mọi ảnh đổi theo. */
@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&family=Chakra+Petch:wght@500;600;700&display=block");

:root {
  /* Màu chính */
  --adb-xanh: #164397;        /* Xanh ADB - đo từ logo */
  --adb-xanh-dem: #0A1F44;    /* Xanh đêm - nền tối */
  --adb-trang: #FFFFFF;
  /* Màu phụ */
  --adb-vang: #F2B705;        /* Vàng Ánh Dương - nhấn, tối đa 5% */
  --adb-be-tong: #E8ECF3;     /* Xám bê tông - nền sáng phụ */
  --adb-xanh-nhat: #B9C6DE;   /* Xanh nhạt - chữ phụ trên nền tối */
  --adb-xam-chu: #5B6476;     /* Xám chữ - chữ phụ trên nền sáng */
  --adb-net: rgba(255,255,255,.07); /* lưới bản vẽ trên nền tối */

  /* Phông */
  --adb-phong-tieu-de: "Chakra Petch", "Segoe UI", Arial, sans-serif;
  --adb-phong-noi-dung: "Be Vietnam Pro", "Segoe UI", Arial, sans-serif;

  /* Góc vát 45 độ, lấy từ nét chữ ADB */
  --adb-vat: 18px;
}

/* Khối có góc vát - đặc trưng hình học của logo */
.adb-vat {
  clip-path: polygon(var(--adb-vat) 0, 100% 0, 100% calc(100% - var(--adb-vat)), calc(100% - var(--adb-vat)) 100%, 0 100%, 0 var(--adb-vat));
}
/* Nền lưới bản vẽ kỹ thuật */
.adb-luoi {
  background-color: var(--adb-xanh-dem);
  background-image:
    linear-gradient(var(--adb-net) 1px, transparent 1px),
    linear-gradient(90deg, var(--adb-net) 1px, transparent 1px);
  background-size: 60px 60px;
}