/* Định nghĩa các biến CSS cho Light Mode */ :root { --color-background: #ffffff; --color-text-primary: #111827; --color-text-secondary: #6b7280; --color-surface: #f9fafb; /* Nền của các thành phần như card */ --color-border: #e5e7eb; --color-primary: #0070f3; /* Giữ màu xanh mặc định cho Primary */ } /* Định nghĩa các biến CSS cho Dark Mode (Áp dụng khi thẻ có class="dark") */ .dark { --color-background: #101922; /* background-dark */ --color-text-primary: #ffffff; /* text-white */ --color-text-secondary: #9ca3af; /* text-text-secondary-dark */ --color-surface: #1e293b; /* bg-surface-dark */ --color-border: #4b5563; /* border-dark */ --color-primary: #0070f3; } .material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24 }