:root{
  --phg-bg:#f7f5f2;
  --phg-surface:#ffffff;
  --phg-text:#1f2937;
  --phg-muted:#6b7280;
  --phg-line:rgba(31,41,55,.10);
  --phg-primary:#b8895a;
  --phg-primary-strong:#8d6540;
  --phg-radius:18px;
  --phg-shadow:0 20px 50px rgba(15,23,42,.08);
  --phg-container:1200px;
}

/* ================================================================
   -- Pillar equipment luxury --
   Tokens riêng cho /thiet-bi-su-kien/ (phong cách luxury gold on dark).
   Palette & typography đồng bộ với homepage (phg-home-v1).
   Chỉ tham chiếu bên trong namespace .phg-equip-* để KHÔNG ảnh
   hưởng các page khác vẫn đang dùng :root cream/beige phía trên.
   ================================================================ */
:root{
  /* --- Backgrounds (dark) --- */
  --phg-lux-bg-primary:#101010;                         /* nền section chính */
  --phg-lux-bg-card:#1a1714;                            /* card solid (khi cần che hoàn toàn) */
  --phg-lux-bg-elevated:#242018;                        /* card hover / elevated state */
  --phg-lux-surface-glass:rgba(255,255,255,.04);        /* glass layer nhẹ, như card trên homepage */
  --phg-lux-surface-glass-strong:rgba(255,255,255,.08); /* glass layer rõ hơn */

  /* --- Borders (gold) --- */
  --phg-lux-border-gold:rgba(213,161,30,.22);           /* viền gold mờ (default card) */
  --phg-lux-border-gold-bright:rgba(213,161,30,.55);    /* viền gold rõ (hover / active) */

  /* --- Text (on dark) --- */
  --phg-lux-text-primary:#FFFDF8;                       /* heading chính, chữ kem trắng */
  --phg-lux-text-body:#F3F3F1;                          /* body paragraph */
  --phg-lux-text-secondary:rgba(243,243,241,.78);       /* chữ phụ */
  --phg-lux-text-muted:rgba(243,243,241,.62);           /* chữ mờ / caption */
  --phg-lux-text-on-gold:#1f1f1f;                       /* chữ đen trên nền gold solid (CTA) */

  /* --- Gold accents --- */
  --phg-lux-gold:#d5a11e;                               /* gold solid: CTA, dot, accent đậm */
  --phg-lux-gold-bright:#F1D488;                        /* gold text sáng, highlight */
  --phg-lux-gold-dim:#8f6a10;                           /* gold deep: gradient end, viền đậm */

  /* --- Effects --- */
  --phg-lux-glow:rgba(213,161,30,.14);                  /* radial glow nền decorative */
  --phg-lux-shadow-card:0 18px 48px rgba(0,0,0,.55);    /* drop shadow card trên nền dark */
  --phg-lux-shadow-glow:0 0 0 1px rgba(213,161,30,.18), 0 24px 60px rgba(213,161,30,.10); /* hover glow gold */

  /* --- Radius --- */
  --phg-lux-radius-card:12px;                           /* card luxury (CLAUDE.md: 8-12px) */
  --phg-lux-radius-pill:999px;                          /* chip / badge / button tròn */

  /* --- Typography --- */
  --phg-lux-font-heading:"Barlow Condensed","Oswald",sans-serif;  /* heading & display - LEGACY */
  --phg-lux-font-body:"Be Vietnam Pro","Inter",sans-serif;        /* body, UI, eyebrow - LEGACY */

  /* ========== FONT STACK CHUẨN (dùng vars này cho mọi rule mới) ========== */
  /* Heading display - Barlow Condensed + system fallback chain */
  --phg-font-heading:"Barlow Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
  /* Body text - Be Vietnam Pro (Vietnamese support) + system fallback */
  --phg-font-body:"Be Vietnam Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  /* Mono labels - JetBrains Mono + system mono fallback */
  --phg-font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,"Courier New",monospace;
  /* Italic accent - Lora + system serif fallback */
  --phg-font-italic:"Lora","Times New Roman",Times,Georgia,serif;
  --phg-lux-tracking-eyebrow:.22em;                               /* letter-spacing eyebrow */

  /* --- Container & spacing --- */
  --phg-lux-container:1240px;                           /* max-width page pillar */
  --phg-lux-gap:clamp(20px, 3vw, 32px);                 /* gap chuẩn giữa các block */
}

/* Chan trinh duyet Android tu ep dark mode (Chrome auto-dark / Mi Browser) */
:root, html {
  color-scheme: only light;
}