/* =========================================================================
   Hệ token áo mới — Cream + Neon (chị chốt 2026-08-12).
   Nguồn: extracted.css (hạt giống). Đây là NGUỒN TOKEN canonical cho reskin dần.
   Chỉ chứa :root variables — KHÔNG có rule component → nạp toàn cục vô hại với app
   matcha hiện tại (app cũ không tham chiếu các var này). Reskin sau = đổi tại đây.
   260901 "chiều sâu" (chị chốt): neon hạ chói #D4F542→#C6DC4B, viền ấm thay viền
   xám kẽm, bóng 2 tầng + highlight lòng thẻ, font display Bitter cho tiêu đề/số lớn.
   ========================================================================= */
:root {
  /* Nền / mặt phẳng */
  --bg: #F5F1E8;
  --surface: #FDFAF1;
  --surface-2: #F9F4E6;
  /* Mặt thẻ có chiều sâu: gradient rất nhẹ từ mép sáng xuống đáy trầm */
  --surface-grad: linear-gradient(180deg, #FFFDF6, #FBF6E9);
  --sidebar-bg: #1A1A1F;
  --sidebar-bg-2: #232328;
  --sidebar-text: #E5E5E4;
  --sidebar-muted: #71717A;
  /* Accent neon (đã hạ chói một nấc, 260901) */
  --accent: #C6DC4B;
  --accent-hover: #B4C93A;
  --accent-soft: #E7EFC3;
  --accent-deep: #A6BC33;
  --accent-on: #1A1A1F;
  --accent-grad: linear-gradient(180deg, #D3E668, #BDD23F);
  /* Thẻ tối */
  --dark-card: #1A1A1F;
  --dark-card-2: #2D2D33;
  --dark-text: #FFFFFF;
  /* Chữ / viền — viền chuyển họ ẤM (E7DFCC) thay xám kẽm để hợp nền kem */
  --text: #18181B;
  --text-2: #52525B;
  --text-3: #71717A;
  --muted: #A1A1AA;
  --border: #E7DFCC;
  --border-soft: #EFE8D6;
  /* Ngữ nghĩa */
  --success: #16A34A; --success-soft: #DCFCE7;
  --danger: #DC2626;  --danger-soft: #FEE2E2;
  --warn: #D97706;    --warn-soft: #FEF3C7;
  --info: #2563EB;    --info-soft: #DBEAFE;
  /* Đồ thị (JS template SVG tham chiếu qua style="fill/stroke:var(...)") */
  --chart-track: #EFEADC; /* ô heatmap rỗng / track donut trên nền kem */
  --chart-ink: #2E2E35;   /* nấc đậm nhất của heatmap */
  /* Bóng / bo góc — 2 tầng (tiếp xúc + tỏa) kèm highlight mép trên */
  --shadow-sm: inset 0 1px 0 #FFFFFF, 0 1px 2px rgba(28,25,23,.05);
  --shadow: inset 0 1px 0 #FFFFFF, 0 1px 2px rgba(28,25,23,.05), 0 14px 30px -16px rgba(28,25,23,.16);
  --shadow-md: inset 0 1px 0 #FFFFFF, 0 2px 4px rgba(28,25,23,.06), 0 22px 44px -18px rgba(28,25,23,.22);
  --shadow-lg: 0 26px 52px -20px rgba(20,20,24,.5), 0 4px 10px rgba(20,20,24,.12);
  --r-sm: 8px; --r: 14px; --r-lg: 20px; --r-xl: 28px;
  /* Font: Latin = Inter (chị chốt); MỌI chữ Nhật = Noto Serif JP (cùng font phần đọc hiểu)
     — nên stack latin cũng fallback qua Serif JP trước khi rơi về sans hệ thống.
     Display (tiêu đề + số lớn) = Bitter, chị chốt 260901 — KHÔNG dùng mono. */
  --font-latin: 'Inter', 'Noto Serif JP', -apple-system, system-ui, 'Segoe UI', sans-serif;
  --font-jp: 'Noto Serif JP', 'Hiragino Mincho ProN', 'YuMincho', serif;
  --font-display: 'Bitter', Georgia, 'Noto Serif JP', serif;
}