/* ============================================================ THEME: Midnight — xanh đêm trầm, ít neon (dịu mắt) Chỉ GHI ĐÈ token; token nào không có ở đây → fallback về Neon (vars.css). Kích hoạt khi . ============================================================ */ :root[data-theme="midnight"] { /* Background layers — navy sâu */ --bg: #0B1020; --bg2: #131B30; --surface: #182238; --surface2: #1F2B45; --surface3: #24304C; /* Borders */ --line: #2B3B5E; --line-soft: #223046; /* Text */ --ink: #EAF1FF; --muted: #9BB0D4; --faint: #64769C; --ink-soft: #C7D6F0; --ink-soft2: #D6E2F7; /* Accent — chủ đạo chuyển từ hồng neon → xanh azure dịu */ --pink: #5AA0FF; --pink2: #86BCFF; --pink-hot:#6EA9FF; --cyan: #40E0D0; --gold: #FFC857; --violet: #8C7CFF; --violet2: #6C7BFF; --green: #3DDC8B; --red: #FF6B6B; --cyan2: #3AB0FF; --gold2: #FF9F45; /* On-accent + tints */ --on-accent: #FFFFFF; --on-cyan: #06121A; --on-gold: #3A2400; --pink-tint: #B6D4FF; --cyan-tint: #BFEFE9; --gold-tint: #F0DDB0; --green-tint: #8FF0CD; --red-tint: #FFB3B3; --violet-tint: #C7C2FF; /* RGB triplets (đồng bộ với hex đổi ở trên → glow/nền mờ/viền đúng màu) */ --pink-rgb: 90,160,255; --pink2-rgb: 134,188,255; --cyan-rgb: 64,224,208; --gold-rgb: 255,200,87; --violet-rgb: 140,124,255; --violet2-rgb: 108,123,255; --green-rgb: 61,220,139; --red-rgb: 255,107,107; --bg-rgb: 11,16,32; --bg2-rgb: 19,27,48; --surface-rgb: 24,34,56; --surface2-rgb: 31,43,69; --ink-rgb: 234,241,255; --scrim-rgb: 4,8,18; /* Effects — hạ quầng neon, kính trong hơn */ --glow: .3; --blur: 10px; --blur-soft: 6px; }