/* ════════════════════════════════════════════════════════════════
   NVK Design Tokens — single source of truth for the whole site
   Decision log (2026-06-11):
   • Primary red  = #9e1115 (NVK logo red) — NOT #E03131
   • #E03131 reserved for sale/alert tags only
   • Cream bg     = #faf7ee everywhere (was #FBF8EE / #F7F3EA on landing)
   • Green        = #1f9d55 (was #1F7E4A on landing)
   • Ink          = #181615
   • Display font = Playfair Display (Latin) → falls back to
                    IBM Plex Sans Thai for Thai glyphs
   ════════════════════════════════════════════════════════════════ */
:root {
  /* core palette */
  --nvk-red:        #9e1115;
  --nvk-red-dark:   #7a0d10;
  --nvk-alert:      #E03131;   /* sale / "ใหม่" tags only */
  --nvk-orange:     #e8511f;
  --nvk-orange-dark:#c4421a;
  --nvk-green:      #1f9d55;
  --nvk-green-dark: #157a3f;
  --nvk-teal:       #0c7c91;

  /* neutrals */
  --nvk-bg:         #faf7ee;
  --nvk-card:       #ffffff;
  --nvk-ink:        #181615;
  --nvk-ink-dark:   #0f0e0d;   /* footer / darkest */
  --nvk-mute:       #776c5b;
  --nvk-mute2:      #a89c84;
  --nvk-line:       #ece5d4;
  --nvk-line2:      #d8d2c0;

  /* typography */
  --nvk-font-display: 'Playfair Display', 'IBM Plex Sans Thai', serif;
  --nvk-font-body:    'IBM Plex Sans Thai', system-ui, sans-serif;
  --nvk-font-mono:    'IBM Plex Mono', ui-monospace, monospace;

  /* spacing scale */
  --nvk-s1: 4px;  --nvk-s2: 8px;  --nvk-s3: 14px; --nvk-s4: 24px;
  --nvk-s5: 36px; --nvk-s6: 48px; --nvk-s7: 64px;

  /* radii + shadows */
  --nvk-r-sm: 7px; --nvk-r-md: 11px; --nvk-r-lg: 16px;
  --nvk-shadow-card:  0 4px 18px rgba(0,0,0,.05);
  --nvk-shadow-hover: 0 18px 44px rgba(0,0,0,.09);
}

/* ── Theme-unify overrides for legacy landing pages ──
   Loaded AFTER page styles, so these win. */

/* Display serif on hero + section headings (Latin glyphs only;
   Thai falls back to Plex Sans Thai automatically) */
.hero h1,
.page-hero h1,
.section-head h2,
.section-head.center h2 {
  font-family: var(--nvk-font-display);
  letter-spacing: -0.01em;
}

/* Hide the legacy per-brand strip — NVK shell nav has the same links */
.brand-bar,
.brands-bar,
[class*="brand-bar-wrap"] {
  display: none !important;
}