@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap');

:root {
  --tx-font: 'Inter', sans-serif;
  --tx-body-size: 14px;
  --tx-line: 1.5;
}

html {
  font-size: 16px;
}

body,
input,
button,
select,
textarea {
  font-family: var(--tx-font);
  font-size: var(--tx-body-size);
  line-height: var(--tx-line);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--tx-font);
  line-height: 1.3;
  letter-spacing: -0.01em;
}

p,
li,
td,
th,
label,
a,
span,
small {
  font-family: var(--tx-font);
}

/* Danh mục "Sản phẩm" ở footer là mục KHÔNG bấm được (span, không phải link)
   → giữ nguyên màu khi rê chuột, không đổi sang màu xanh teal. */
.footer ul .footer-label {
  color: #6b7a8f;
}

body.dark-mode .footer ul .footer-label {
  color: #8b949e;
}

@media (max-width: 768px) {
  :root {
    --tx-body-size: 13.5px;
  }
}