/* ============================================================
   Token thương hiệu — TỰ SINH từ themeszz/SiteHeader.dc.html.
   Đừng sửa tay: chạy lại scripts/apply-theme-shell.js.
   Đổi màu chủ đạo của design system sang cam + font Việt.
   ============================================================ */
:root {
    --font-display: 'Playfair Display', Georgia, serif;
    --font-ui: 'Be Vietnam Pro', system-ui, sans-serif;
    --font-body: 'Be Vietnam Pro', system-ui, sans-serif;
    --em-300: #ffb7a3; --em-400: #ff7d55; --em-500: #ff5a2c; --em-600: #e63c2a; --em-700: #b3160f; --em-ink: #1a0603;
    --color-primary: #ff5a2c; --color-primary-bright: #ff7d55; --color-primary-hover: #ff7d55;
    --color-on-primary: #1a0603; --color-primary-tint: rgba(255,90,44,0.14); --color-on-primary-tint: #ffb7a3;
    --glow-volt: 0 0 0 1px rgba(255,90,44,0.24), 0 8px 22px rgba(255,90,44,0.22);
    --grad-volt: linear-gradient(135deg, #ff8f3d, #ff4d2e 55%, #e0192f);
    --grad-accent-bar: linear-gradient(90deg, #e0192f, #ff5a2c 55%, #ff9d3d);
    --grad-hero: radial-gradient(120% 130% at 82% 0%, rgba(255,90,44,0.17), transparent 48%), linear-gradient(160deg, #1b0d0a 0%, #120a08 52%, #0b0706 100%);
    --bg-page-wash: radial-gradient(140% 80% at 50% -20%, rgba(255,90,44,0.06), transparent 60%), linear-gradient(180deg, #0d0908 0%, #0a0706 100%);
    --outline-ring: rgba(255,90,44,0.34); --field-focus: #ff5a2c; --field-focus-ring: rgba(255,90,44,0.2);
    --state-me-bg: rgba(255,90,44,0.09); --state-next-bg: rgba(255,90,44,0.07);
    --ink-950: #060404; --ink-900: #0a0706; --ink-850: #0d0908; --ink-800: #151010; --ink-750: #1d1514; --ink-700: #120d0c; --ink-650: #221a18;
    --line-1: #241b19; --line-2: #332624;
    --fog-100: #f4efed; --fog-300: #c2b6b2; --fog-500: #948884; --fog-600: #776b67;
    --grad-glass-nav: linear-gradient(180deg, rgba(21,16,16,0.88), rgba(10,7,6,0.8));
  }
  :root[data-theme="light"] {
    --color-primary: #d43318; --color-primary-hover: #b3160f; --color-on-primary: #ffffff;
    --color-primary-tint: rgba(212,51,24,0.12); --color-on-primary-tint: #b3160f;
    --surface-page: #f7f4f2; --surface-card: #ffffff; --surface-raised: #ffffff; --surface-sunken: #f2eeec; --surface-muted: #ece7e4; --surface-hover: #f9f6f5; --surface-dark: #140b09;
    --border-subtle: #e9e1dd; --border-strong: #d5c9c4;
    --bg-page-wash: linear-gradient(180deg, #f9f6f4 0%, #f7f4f2 100%);
    --grad-glass-nav: linear-gradient(180deg, rgba(255,255,255,0.92), rgba(247,244,242,0.82));
    --grad-hero: radial-gradient(120% 130% at 82% 0%, rgba(255,90,44,0.2), transparent 46%), linear-gradient(160deg, #241310 0%, #1a0d0b 55%, #140a08 100%);
    --text-strong: #17100e; --text-body: #453a36; --text-muted: #75655f; --text-faint: #a2928b;
    --field-bg: #ffffff; --field-border: #ddd2cd; --field-focus: #d43318; --field-focus-ring: rgba(212,51,24,0.22);
    --outline-ring: rgba(212,51,24,0.4); --tertiary-fixed: #f2eeec; --on-tertiary-fixed: #2e2522;
  }

/* Rule toàn cục của theme được thu hẹp lại: chỉ áp cho header/footer mới,
   để phần giữa các trang dữ liệu giữ nguyên style cũ. */
/* Màu link: chỉ áp cho link KHÔNG có màu inline (theme đặt màu inline cho
   nav/CTA nên inline vẫn thắng). Nếu bỏ rule này, link trong mega-menu và
   footer sẽ ăn màu tím/xanh của style.css cũ. */
#apihub-header a,
#apihub-footer a { color: var(--color-primary); text-decoration: none; }
#apihub-header a:hover,
#apihub-footer a:hover { color: var(--color-primary-hover); }