/*
Theme Name: JPXGLOBAL
Theme URI: https://jpxglobal.co
Author: JPXGLOBAL
Author URI: https://jpxglobal.co
Description: Custom B2B theme for JPXGLOBAL — Premium Smart Tags, QR/NFC, DPP-Ready Labels and Authentication-Ready Tag Production Partner.
Version: 3.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: All Rights Reserved
Text Domain: jpxglobal
*/

/*
 * CSS custom properties defined HERE in style.css.
 * style.css is enqueued explicitly via get_stylesheet_uri() in inc/enqueue.php
 * BEFORE assets/css/main.css — so these variables are always available.
 * They are also duplicated at the top of main.css as a fallback.
 */
:root {
  /* Brand colours */
  --color-navy:        #0D1B2A;
  --color-charcoal:    #1C2B3A;
  --color-gold:        #C9A84C;
  --color-gold-light:  #E8D08A;
  --color-gold-dim:    rgba(201,168,76,0.15);
  --color-off-white:   #F8F6F1;
  --color-grey-light:  #EEECEA;
  --color-white:       #FFFFFF;
  --color-text-body:   #1C2B3A;
  --color-text-muted:  #5A5550;
  --color-text-faint:  #9A9590;
  --color-border:      #D3D1C7;

  /* Typography */
  --font-heading:  'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-body:     'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Layout */
  --max-width:      1280px;
  --content-width:  820px;
  --narrow-width:   640px;

  /* Spacing */
  --section-pad-v:    6rem;
  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2.5rem;
  --space-xl:  4rem;

  /* Effects */
  --transition-fast:   150ms ease;
  --transition-normal: 250ms ease;
  --shadow-card:       0 2px 12px rgba(0,0,0,0.07);
  --shadow-nav:        0 4px 24px rgba(0,0,0,0.28);

  /* Radius */
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  14px;

  /*
   * v3.0.0 premium visual system — additive tokens only, nothing above
   * removed or renamed so every existing class/selector keeps working.
   * Standard breakpoint scale used across all CSS files: 640 / 768 / 1024 / 1280.
   */

  /* Elevation — warm navy-tinted, layered (ambient + contact shadow) instead
     of flat rgba(0,0,0,x), so surfaces read as physically lifted, not digital-flat. */
  --shadow-elevation-1: 0 1px 2px rgba(13,27,42,0.05), 0 1px 1px rgba(13,27,42,0.04);
  --shadow-elevation-2: 0 6px 16px rgba(13,27,42,0.09), 0 2px 5px rgba(13,27,42,0.06);
  --shadow-elevation-3: 0 16px 32px rgba(13,27,42,0.14), 0 5px 12px rgba(13,27,42,0.08);
  --shadow-elevation-4: 0 28px 56px rgba(13,27,42,0.18), 0 10px 20px rgba(13,27,42,0.10);
  --shadow-gold-glow:   0 10px 30px rgba(201,168,76,0.22);
  --shadow-inset-edge:  inset 0 0 0 1px rgba(255,255,255,0.06);

  /* Gold foil — a highlight sweep instead of a flat fill, used on accent bars,
     badges and primary CTAs so gold reads as foil-stamped, not painted. */
  --gradient-foil:        linear-gradient(115deg, #9C7A2E 0%, #C9A84C 24%, #F2DE9C 48%, #C9A84C 72%, #A8833A 100%);
  --gradient-foil-subtle: linear-gradient(135deg, #C9A84C 0%, #E8D08A 50%, #C9A84C 100%);

  /* Warm dark-section gradient — replaces flat bg-navy with a soft top-left
     gold bloom over a navy-to-charcoal sweep, for depth instead of a flat fill. */
  --gradient-navy: radial-gradient(130% 140% at 12% -10%, rgba(201,168,76,0.09), transparent 55%), linear-gradient(165deg, #0D1B2A 0%, #12222F 55%, #1C2B3A 100%);

  /* Fine paper-grain noise (SVG feTurbulence, data-URI, no HTTP request) —
     applied at very low opacity over cards/heroes so surfaces read as
     physical print stock rather than flat digital colour. */
  --texture-grain: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='180'%20height='180'%3E%3Cfilter%20id='n'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.85'%20numOctaves='2'%20stitchTiles='stitch'/%3E%3C/filter%3E%3Crect%20width='100%25'%20height='100%25'%20filter='url(%23n)'/%3E%3C/svg%3E");
}