/*
Theme Name:  Luxwave Pro
Theme URI:   https://luxwave.vn
Author:      Luxwave
Author URI:  https://luxwave.vn
Description: Theme chuyên nghiệp cho Luxwave – nhà cung cấp & thi công màn hình LED hàng đầu tại TP. Hồ Chí Minh. Tối ưu SEO, trải nghiệm người dùng cao cấp, thiết kế khớp nhận diện thương hiệu LUXWAVE (cam + charcoal).
Version:     2.4.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License:     GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: luxwave
Tags:        led, business, corporate, vietnamese, seo
*/

/* ================================================================
   LUXWAVE DESIGN TOKENS — Brand v2 (Orange + Charcoal)
   Brand: WAVE #f05a28  •  LUX #3c3c3c
================================================================ */
:root {
  /* Dark surfaces — warm charcoal (không phải navy lạnh) */
  --lux-black:       #0f0f12;
  --lux-night:       #17171b;
  --lux-navy:        #1f1f24;
  --lux-steel:       #2a2a30;
  --lux-charcoal:    #2d2d32;
  --lux-slate:       #3c3c42;

  /* Primary — WAVE Orange từ logo */
  --lux-blue:        #f05a28;
  --lux-blue-deep:   #d94515;
  --lux-blue-light:  #ff7a4a;

  /* Accent warm amber (thay cho cyan) */
  --lux-cyan:        #ff8c42;
  --lux-cyan-dim:    rgba(240,90,40,.12);

  /* Gold */
  --lux-gold:        #f59e0b;
  --lux-gold-dim:    rgba(245,158,11,.14);

  /* Success */
  --lux-green:       #10b981;

  /* Gradient */
  --lux-grad:        linear-gradient(135deg, #f05a28 0%, #ff8c42 100%);
  --lux-grad-dark:   linear-gradient(135deg, #d94515 0%, #f05a28 100%);
  --lux-grad-glow:   linear-gradient(135deg, rgba(240,90,40,.25) 0%, rgba(255,140,66,.2) 100%);

  /* Glow */
  --lux-glow-blue:   0 0 40px rgba(240,90,40,.35);
  --lux-glow-cyan:   0 0 40px rgba(255,140,66,.3);
  --lux-glow-gold:   0 0 30px rgba(245,158,11,.4);

  /* Text on dark */
  --lux-white:       #ffffff;
  --lux-pearl:       #f5f5f7;
  --lux-silver:      #a8a8b0;
  --lux-muted:       #6b6b73;
  --lux-text:        #d4d4d8;

  /* Light surfaces (cho section sáng) */
  --lux-cream:       #fff7f2;
  --lux-smoke:       #f4f4f6;
  --lux-mist:        #e8e8ec;
  --lux-ink-900:     #1a1a1e;
  --lux-ink-700:     #3c3c3c;
  --lux-ink-500:     #6b6b73;

  /* Border */
  --lux-border:      rgba(255,255,255,.07);
  --lux-border-blue: rgba(240,90,40,.28);
  --lux-border-light: rgba(60,60,60,.12);

  /* Shadows */
  --lux-shadow-sm:   0 2px 8px rgba(0,0,0,.35);
  --lux-shadow-md:   0 8px 32px rgba(0,0,0,.45);
  --lux-shadow-lg:   0 20px 60px rgba(0,0,0,.55);
  --lux-shadow-blue: 0 8px 32px rgba(240,90,40,.28);
  --lux-shadow-orange: 0 10px 30px rgba(240,90,40,.3);

  /* Typography — Be Vietnam Pro (Google Font tối ưu tiếng Việt) */
  --lux-font-display: 'Be Vietnam Pro', 'Inter', system-ui, -apple-system, sans-serif;
  --lux-font-body:    'Be Vietnam Pro', 'Inter', system-ui, -apple-system, sans-serif;
  --lux-font-mono:    'JetBrains Mono', monospace;

  /* Layout */
  --lux-container:   1320px;
  --lux-header-h:    88px;
  --lux-radius-sm:   6px;
  --lux-radius-md:   12px;
  --lux-radius-lg:   20px;
  --lux-radius-xl:   32px;

  /* Animation */
  --lux-ease:        cubic-bezier(0.4, 0, 0.2, 1);
  --lux-ease-out:    cubic-bezier(0, 0, 0.2, 1);
  --lux-spring:      cubic-bezier(0.34, 1.56, 0.64, 1);
}