/* Design system — rút từ VNV Intro Deck (24 slide, 960×540).
   Màu lấy thẳng từ màu tô của đồ hoạ vector trong PDF, không lấy mẫu pixel,
   nên khớp tuyệt đối với file gốc.

   Hướng đã chốt: bám deck, tinh gọn. Giữ bảng màu vì MÀU MANG NGHĨA (xem dưới),
   giữ Roboto Condensed; bỏ gradient, bớt khung hộp. */

:root {
  /* ---- nền & mực ----------------------------------------------------- */
  --paper: #ffffff;
  --paper-raised: #ffffff;
  --surface: #f4f5f6;       /* khối nền trung tính */
  --surface-2: #f8f9fa;
  --surface-brand: #f3f0f6; /* khối nền ngả tím */

  --ink: #22262c;           /* thân bài */
  --ink-head: #1d1630;      /* tiêu đề — đen ngả tím */
  --ink-2: #47424f;
  --ink-3: #656d78;         /* dòng phụ, bản dịch in nghiêng */
  --ink-4: #9aa1ab;

  --rule: #d8dadf;
  --rule-strong: #22262c;

  /* ---- nhận diện ------------------------------------------------------- */
  --brand: #4b1766;         /* tím đậm — màu chủ đạo của liên danh */
  --brand-line: #7030a0;    /* kẻ tím mảnh dưới tiêu đề mỗi slide */
  --brand-tint: #f3f0f6;

  /* ---- màu mang nghĩa: TÍNH CHẤT CỦA SỐ LIỆU (slide 6) -----------------
     Với người đọc ở Bộ đây là phân biệt quan trọng nhất trên trang: con số
     nào là luật định, con số nào còn là dự thảo, con số nào là liên danh tự
     đề xuất. Đừng dùng ba màu này cho mục đích trang trí. */
  --law: #163eaf;           /* Quy định pháp luật */
  --draft: #656d78;         /* Dự thảo Đề án / Điều lệ */
  --proposal: #ef8a17;      /* Đề xuất của liên danh */

  /* ---- màu phân loại: nhóm nội dung (cấp quỹ, cấp DN, giai đoạn…) ----- */
  --c-purple: #4b1766;
  --c-teal: #009e8f;
  --c-blue: #163eaf;
  --c-orange: #ef8a17;
  --c-green: #33b864;
  --c-gray: #656d78;

  /* Tên cũ admin.css đang dùng — trỏ về màu nhận diện. */
  --accent: var(--brand);
  --accent-tint: var(--brand-tint);
  --danger: #b3261e;

  /* ---- chữ ------------------------------------------------------------ */
  /* Deck dùng Roboto Condensed cho mọi thứ. Trên web, đoạn văn dài tiếng Việt
     đọc bằng chữ condensed rất mỏi mắt, nên thân bài dùng Roboto thường —
     cùng họ, cùng cảm giác, rộng hơn. */
  --font-display: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;
  --font-sans: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;

  --step--1: 0.8125rem;
  --step-0: 0.9375rem;
  --step-1: 1.0625rem;
  --step-2: 1.25rem;
  --step-3: clamp(1.5rem, 2.6vw, 2rem);
  --step-4: clamp(2rem, 4.2vw, 2.875rem);
  --step-5: clamp(2.25rem, 5.5vw, 3.75rem);
  --eyebrow: 0.75rem;

  /* ---- nhịp ------------------------------------------------------------ */
  --gutter: clamp(1rem, 4.5vw, 4rem);
  --measure: 72ch;
  --shell: 1240px;
  --radius: 4px;            /* deck bo góc rất nhẹ — giữ đúng mức đó */

  --s1: 0.25rem;
  --s2: 0.5rem;
  --s3: 0.75rem;
  --s4: 1rem;
  --s5: 1.5rem;
  --s6: 2rem;
  --s7: 3rem;
  --s8: 4.5rem;
  --s9: 6rem;

  --ease: cubic-bezier(0.2, 0, 0, 1);
  --fast: 140ms;
  --slow: 320ms;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --fast: 0ms;
    --slow: 0ms;
  }
}