:root{
  /* Bảng gốc — xám mực, không sắc. `--raw-mac` là mực đậm nhất dùng cho chữ. */
  --raw-mac:#111315;    --raw-tro:#5C6166;   --raw-khoi:#9AA0A6;
  --raw-suong:#E4E6E8;  --raw-suong-gia:#FFFFFF;  --raw-cham:#2B3138;

  /* Nét 400: nền trắng và mực gần đen đo 17:1 — nét mảnh ở tương phản ấy vẫn
     rõ mồn một, dày thêm là chữ thành nặng. */
  --w-doc:400;

  --bg:#FFFFFF;
  /* Hai quầng xám cực nhạt, không phải màu: chúng chỉ để mặt giấy thôi phẳng
     tuyệt đối, vì một mặt phẳng trắng tuyệt đối trên màn hình đọc ra như lỗi
     hiển thị chứ không ra như giấy. */
  /* ── MỘT CHÚT MÀU, KHÔNG HƠN ──
     Bản đầu hai quầng nền thuần xám (#F7F8F9 · #F2F4F5). Đúng chủ ý "không
     màu để nhìn ảnh cho thật", nhưng ra hơi lạnh — giấy thật không bao giờ
     xám tuyệt đối, nó luôn ngả một phía.

     Nay ngả LAM BẠC ở quầng trên và ẤM rất nhẹ ở quầng dưới: hai đầu một
     trục, nên mặt giấy có chiều thay vì phẳng đều. Cả hai đều dưới 4 điểm
     bão hoà — nhìn riêng thì không ai gọi được tên màu, mà bỏ đi thì thấy
     ngay là thiếu. Đó là mức "điểm chút màu" mà theme này chịu được: thêm
     nữa là nó thôi là giấy. */
  --bg-tint:
    radial-gradient(120% 70% at 12% -6%, #F4F8FB 0%, rgba(244,248,251,0) 55%),
    radial-gradient(110% 60% at 88% 104%, #F7F5F2 0%, rgba(247,245,242,0) 58%);
  --surface:rgba(255,255,255,.96);
  --surface-solid:#FFFFFF;
  /* Nền lõm phải TỐI hơn nền, không sáng hơn — trên giấy trắng thì không còn
     phía sáng nào nữa. */
  --surface-sunken:#F1F3F4;

  --text:#111315;                    /* mực — 18,62:1 trên giấy */
  --text-muted:#44494E;              /* 9,1:1  */
  --text-faint:#5C6166;              /* 6,4:1  */
  --text-invert:#FFFFFF;
  --btn-ink:#111315;

  /* Màu nhấn ngả lam bạc thay vì xám tuyệt đối — cùng một lượng màu với quầng
     nền, để viền và chấm không đọc ra như một chất liệu khác. */
  --accent:#96A1AC;                  /* trang trí: 2,63:1 trên giấy */
  --accent-ink:#2A3440;              /* chữ link — 12,62:1 */
  --accent-ink-hover:#111315;
  --accent-2:#B0BAC4;
  --accent-3:#C9D1D9;
  --accent-wash:rgba(150,161,172,.16);

  /* Đường kẻ gánh toàn bộ việc phân tách ở theme này, nên nó đi xa nhất có
     thể: .20 đo 1,53:1 trên giấy. Trên nữa là thành một cái khung, mà giấy
     thì không có khung. */
  --line:rgba(17,19,21,.20);
  --line-strong:rgba(17,19,21,.34);
  --sel-bg:rgba(154,160,166,.34);

  /* Bốn khối callout giữ nguyên sắc gốc — chúng là thứ DUY NHẤT có màu trên
     trang này, và đó là chủ ý: một cảnh báo trên nền giấy phải nhảy ra. */
  --ok:#2E6B4F;     --ok-wash:rgba(46,107,79,.10);
  --warn:#8A6410;   --warn-wash:rgba(138,100,16,.10);
  --bad:#A32F42;    --bad-wash:rgba(163,47,66,.10);

  --c-tim:#5B4B8A;  --c-hong:#A8436B;  --c-do:#A32F42;   --c-cam:#9A5A1E;
  --c-vang:#8A6410; --c-luc:#2E6B4F;   --c-lam:#2C5C85;  --c-xam:#5C6166;
  --c-nau:#7A4A2A;   --c-ngoc:#1E6B6E;  --c-cham:#2F3F9E;  --c-oliu:#5B661A;

  /* Bóng ở đây ĐEN chứ không nhuốm màu: một bóng tím trên giấy trắng đọc ra
     ngay là sai chất liệu. */
  --shadow-sm:0 1px 3px rgba(17,19,21,.08);
  --shadow-md:0 8px 24px rgba(17,19,21,.10);
  --shadow-lg:0 20px 52px rgba(17,19,21,.14);

  --glass-fill:linear-gradient(163deg,rgba(255,255,255,.72),rgba(255,255,255,.42));
  --glass-tam:linear-gradient(163deg,rgba(255,255,255,.99),rgba(250,251,252,.97));
  --glass-edge:rgba(17,19,21,.16);
  --glass-ring:rgba(255,255,255,.9);
  --glass-spec:rgba(255,255,255,.98);
  --glass-spec2:rgba(17,19,21,.05);
  --glass-drop:0 1px 2px rgba(17,19,21,.07), 0 10px 28px rgba(17,19,21,.10);
  --glass-drop-lift:0 2px 5px rgba(17,19,21,.09), 0 18px 44px rgba(17,19,21,.14);
  /* Giấy không phát sáng. Hai token quầng sáng vẫn phải KHAI (mọi theme khai
     cùng một bộ), nhưng khai bằng `none` — đó là câu trả lời đúng, không phải
     một chỗ bỏ trống. */
  --glow:none;
  --glow-manh:none;
  --chu-bong:none;
  /* Không tăng bão hoà: nền không có màu để mà bão hoà. */
  --glass-sat:1;
}

/* ── Nhịp và bo góc — khai luôn ở đây vì khu này không kéo cả base.css của
   blog sang. Cùng thang với blog để hai bên còn nhìn ra là một nhà. */
:root{
  --s1:2px;  --s2:8px;  --s3:10px; --s4:12px; --s5:20px;
  --s6:24px; --s7:32px; --s8:40px; --s9:56px;
  --r-xs:6px; --r-sm:8px; --r-md:12px; --r-lg:16px; --r-pill:999px;
  --font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --dur-fast:.14s; --dur:.2s;
  --measure:min(680px, 100% - 40px);
}