/* ============================================================================
   Bộ màu MienTay Media (theo mientaymedia.com) cho Javis.
   ----------------------------------------------------------------------------
   Chỉ GHI ĐÈ biến tông màu của style.css và console.css, nạp SAU console.css trong
   index.html (console.css cũng khai :root - nạp trước nó là bị nó đè lại).
   Tách thành tệp riêng để bản cập nhật Javis (fetch + merge, giữ commit cục bộ)
   không đụng vào: tệp mới không bao giờ xung đột, chỉ dòng <link> có thể phải
   giữ lại nếu index.html đổi đúng dòng đó.

   Màu gốc trên mientaymedia.com:
     --color-brand #0a6cff   --color-brand-dark #0a4fcb   --color-ink #0b1b3b
     --color-teal  #0eb4a6   --color-tint #eef4ff  --color-soft #f6faff
     --color-line  #e7edf6   --color-muted #8a97ad --color-slate #51607a

   Gỡ bộ màu: xoá dòng <link ... brand-mientaymedia.css> trong index.html.
   ========================================================================== */

:root {
  /* --- Tông tối: nền navy thay cho nền tím than --- */
  --bg: #070f22;
  --bg2: #0b1b3b;
  --bg3: #13264d;
  --border: #24406e;
  --accent: #0a6cff;
  --accent2: #0eb4a6;
  --text: #f2f6fd;
  --text2: #c3cde0;
  --text3: #8a97ad;

  --accent-ink: #6aa8ff;      /* chữ xanh trên nền navy */
  --accent2-ink: #7ff0de;
  --accent-solid: #0a4fcb;    /* nền nút có chữ trắng: ~6.3:1 */

  --accent-wash: rgba(10, 108, 255, 0.08);
  --accent-wash-2: rgba(10, 108, 255, 0.14);
  --accent-line: rgba(10, 108, 255, 0.38);
  --accent-ring: 0 0 18px rgba(10, 108, 255, 0.24);
  --accent2-wash: rgba(14, 180, 166, 0.12);
  --accent2-wash-2: rgba(14, 180, 166, 0.22);
  --accent2-line: rgba(14, 180, 166, 0.42);

  --field-bg: rgba(9, 20, 44, 0.85);
  --panel-bg: rgba(8, 18, 40, 0.80);
  --panel-solid: rgba(7, 15, 34, 0.97);
  --scrim: rgba(3, 8, 20, 0.80);
  --info-wash: rgba(10, 30, 66, 0.85);
  --code-bg: #071226;

  --brain-bg: radial-gradient(ellipse 55% 55% at 50% 48%,
    rgba(10, 108, 255, 0.20) 0%, rgba(14, 180, 166, 0.08) 32%,
    rgba(8, 20, 46, 0.04) 55%, #030814 78%);
  --brain-vignette: radial-gradient(ellipse 70% 70% at 50% 46%,
    transparent 45%, rgba(3, 8, 20, 0.55) 100%);
  --brain-glass: rgba(9, 22, 48, 0.58);
  --brain-glass-brd: rgba(10, 108, 255, 0.36);
  --brain-ink: #cfe0ff;
  --brain-ink2: #7f93b8;
  --brain-ink-hot: #7ff0de;

  /* console.css: thanh điều hướng và mặt kính */
  --rail-bg: rgba(7, 15, 34, 0.78);
  --glass: rgba(11, 27, 59, 0.55);
}

:root[data-theme="light"] {
  /* --- Tông sáng: đúng bộ nền/chữ/viền của mientaymedia.com --- */
  --bg: #f6faff;
  --bg2: #ffffff;
  --bg3: #eef4ff;
  --border: #e7edf6;
  --accent: #0a6cff;
  --accent2: #0eb4a6;
  --text: #0b1b3b;
  --text2: #51607a;
  --text3: #5f6d86;           /* #8a97ad gốc chỉ ~2.9:1 trên nền trắng, quá nhạt cho chữ */
  --text-hi: #050d1f;

  --accent-ink: #0a4fcb;      /* ~6.3:1 trên nền trắng */
  --accent2-ink: #0b7d73;
  --accent-solid: #0a4fcb;

  --surface-1: rgba(11, 27, 59, 0.035);
  --surface-2: rgba(11, 27, 59, 0.06);
  --surface-3: rgba(11, 27, 59, 0.09);
  --hairline: rgba(11, 27, 59, 0.10);
  --sunken: rgba(11, 27, 59, 0.045);
  --shadow-1: 0 2px 8px rgba(11, 27, 59, 0.07);
  --shadow-2: 0 8px 24px rgba(11, 27, 59, 0.10);
  --shadow-3: 0 22px 58px rgba(11, 27, 59, 0.16);
  --shadow-veil: rgba(11, 27, 59, 0.16);

  --accent-wash: rgba(10, 108, 255, 0.07);
  --accent-wash-2: rgba(10, 108, 255, 0.13);
  --accent-line: rgba(10, 108, 255, 0.34);
  --accent-ring: 0 0 0 3px rgba(10, 108, 255, 0.14);
  --accent2-wash: rgba(14, 180, 166, 0.10);
  --accent2-wash-2: rgba(14, 180, 166, 0.17);
  --accent2-line: rgba(14, 180, 166, 0.36);

  --scrim: rgba(11, 27, 59, 0.34);
  --info-wash: rgba(10, 108, 255, 0.08);
  --code-bg: #eef4ff;
  --code-ink: #0b1b3b;

  --brain-bg: radial-gradient(ellipse 58% 54% at 50% 43%,
      rgba(10, 108, 255, 0.12) 0%, rgba(10, 108, 255, 0.05) 30%,
      rgba(14, 180, 166, 0.05) 52%, rgba(255, 255, 255, 0) 72%),
    linear-gradient(176deg, #ffffff 0%, #f6faff 46%, #eef4ff 100%);
  --brain-vignette: radial-gradient(ellipse 74% 74% at 50% 43%,
    transparent 40%, rgba(203, 217, 238, 0.5) 100%);
  --brain-glass-brd: rgba(11, 27, 59, 0.13);
  --brain-glass-shadow: 0 6px 20px rgba(11, 27, 59, 0.11);
  --brain-ink: #0b1b3b;
  --brain-ink2: #51607a;
  --brain-ink-hot: #0a4fcb;

  --rail-bg: rgba(255, 255, 255, 0.85);
  --glass: rgba(255, 255, 255, 0.74);
}

/* ============================================================================
   Logo chữ MienTay Media thay cho chữ "JAVIS OS".
   Tông tối dùng bản chữ trắng (mientaymedia.com/img/Logo-trang-mientaymedia.png),
   tông sáng dùng bản chữ xanh (img/font-roboto-mientaymedia.png). Ô vuông bên
   cạnh là logo tải lên qua Cài đặt (chữ "M" trên nền #0a6cff).
   font-size:0 giấu chữ cũ nhưng vẫn giữ trong DOM cho trình đọc màn hình.
   ========================================================================== */
.brand-text,
.rail-brand-text {
  display: inline-block;
  font-size: 0 !important;
  letter-spacing: 0 !important;
  color: transparent !important;
  background: url("/static/brand/mtm-wordmark-white.png?v=2") no-repeat left center / contain;
}
.brand-text { width: 128px; height: 17px; }
.rail-brand-text { width: 100px; height: 14px; }
.rail-brand-text i { display: none; }
:root[data-theme="light"] .brand-text,
:root[data-theme="light"] .rail-brand-text {
  background-image: url("/static/brand/mtm-wordmark-blue.png?v=2");
}
/* Quầng sáng quanh ô logo: đổi cam thành xanh thương hiệu */
.rail-brand .brand-mark { filter: drop-shadow(0 0 8px rgba(10, 108, 255, 0.5)); }