/**
 * TGWV Frontend — 3 màu gốc (CHỈ SỬA 3 DÒNG HEX BÊN DƯỚI)
 *
 * --tgwv-color-dark  : chữ / icon trên nền sáng
 * --tgwv-color-light : nền card, chữ trên nền tối hoặc brand
 * --tgwv-brand       : accent (menu active, nút primary, gạch nhấn)
 *
 * Các alias bên dưới tham chiếu 3 màu trên — không hard-code hex.
 */
:root {
  --tgwv-color-dark: #000000;
  --tgwv-color-light: #ffffff;
  --tgwv-brand: #000000;
  --tgwv-brand-rgb: 0, 0, 0;

  --tgwv-text: var(--tgwv-color-dark);
  --tgwv-text-on-dark: var(--tgwv-color-light);
  --tgwv-surface: var(--tgwv-color-light);
  --tgwv-content-color: var(--tgwv-color-dark);
  --tgwv-entry-title-color: var(--tgwv-color-dark);
  --tgwv-entry-title-accent: var(--tgwv-brand);

  --tgwv-breadcrumb-link: var(--tgwv-color-dark);
  --tgwv-breadcrumb-current: var(--tgwv-color-dark);
  --tgwv-breadcrumb-link-hover: var(--tgwv-brand);
  --tgwv-breadcrumb-separator: color-mix(in srgb, var(--tgwv-color-dark) 45%, transparent);

  --tgwv-primary: var(--tgwv-brand);
  --tgwv-primary-dark: var(--tgwv-brand);
  --tgwv-primary-darker: var(--tgwv-brand);
  --tgwv-primary-rgb: var(--tgwv-brand-rgb);

  --tgwv-loader-accent: var(--tgwv-brand);
  --tgwv-fixed-accent: var(--tgwv-brand);

  /* Nút secondary — xám pha từ dark/light (khác primary = brand) */
  --tgwv-btn-secondary-bg: color-mix(in srgb, var(--tgwv-color-dark) 69%, var(--tgwv-color-light));
}