/*
Theme Name: NewVib
Theme URI: https://newvib.com
Author: NewVib Team
Author URI: https://newvib.com
Description: A premium, award-winning magazine-style WordPress theme with editorial luxury design, full SEO system, monetization support, and blazing performance. Built for modern media brands and content creators who demand perfection.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: newvib
Tags: news, magazine, blog, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, post-formats, right-sidebar, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, wide-blocks
*/

/* ============================================================
   NEWVIB DESIGN TOKEN SYSTEM
   ============================================================ */

:root {
  /* --- Brand Colors --- */
  --nv-ink:        #0D0D0D;
  --nv-paper:      #FAFAF8;
  --nv-cream:      #F5F2EC;
  --nv-accent:     #C8392B;
  --nv-accent-alt: #E8A838;
  --nv-gold:       #BFA16A;
  --nv-slate:      #4A4A52;
  --nv-muted:      #7A7A85;
  --nv-border:     #E5E2DA;
  --nv-overlay:    rgba(13,13,13,0.72);

  /* --- Typography --- */
  --nv-font-display: 'Playfair Display', 'Georgia', serif;
  --nv-font-heading: 'DM Serif Display', 'Georgia', serif;
  --nv-font-body:    'Lora', 'Georgia', serif;
  --nv-font-ui:      'Barlow Condensed', 'Helvetica Neue', sans-serif;
  --nv-font-mono:    'JetBrains Mono', monospace;

  --nv-scale-xs:   0.75rem;
  --nv-scale-sm:   0.875rem;
  --nv-scale-base: 1rem;
  --nv-scale-md:   1.125rem;
  --nv-scale-lg:   1.25rem;
  --nv-scale-xl:   1.5rem;
  --nv-scale-2xl:  1.875rem;
  --nv-scale-3xl:  2.25rem;
  --nv-scale-4xl:  3rem;
  --nv-scale-5xl:  3.75rem;
  --nv-scale-6xl:  4.5rem;

  --nv-lh-tight:   1.15;
  --nv-lh-snug:    1.35;
  --nv-lh-normal:  1.6;
  --nv-lh-relaxed: 1.8;

  /* --- Spacing --- */
  --nv-space-1:  0.25rem;
  --nv-space-2:  0.5rem;
  --nv-space-3:  0.75rem;
  --nv-space-4:  1rem;
  --nv-space-5:  1.25rem;
  --nv-space-6:  1.5rem;
  --nv-space-8:  2rem;
  --nv-space-10: 2.5rem;
  --nv-space-12: 3rem;
  --nv-space-16: 4rem;
  --nv-space-20: 5rem;
  --nv-space-24: 6rem;
  --nv-space-32: 8rem;

  /* --- Layout --- */
  --nv-container:     1320px;
  --nv-container-md:  960px;
  --nv-container-sm:  720px;
  --nv-sidebar-width: 320px;
  --nv-radius-sm:     3px;
  --nv-radius:        6px;
  --nv-radius-lg:     12px;

  /* --- Shadows --- */
  --nv-shadow-sm:  0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06);
  --nv-shadow:     0 4px 16px rgba(0,0,0,0.10), 0 2px 6px rgba(0,0,0,0.07);
  --nv-shadow-md:  0 8px 30px rgba(0,0,0,0.14), 0 4px 10px rgba(0,0,0,0.08);
  --nv-shadow-lg:  0 20px 60px rgba(0,0,0,0.18), 0 8px 20px rgba(0,0,0,0.10);
  --nv-shadow-ink: 0 2px 20px rgba(13,13,13,0.3);

  /* --- Transitions --- */
  --nv-ease:      cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --nv-ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
  --nv-ease-in:   cubic-bezier(0.55, 0, 1, 0.45);
  --nv-duration:  0.3s;
  --nv-duration-slow: 0.6s;

  /* --- Z-index --- */
  --nv-z-below:   -1;
  --nv-z-base:    1;
  --nv-z-raised:  10;
  --nv-z-overlay: 100;
  --nv-z-modal:   200;
  --nv-z-header:  300;
  --nv-z-toast:   400;
}

/* Dark Mode */
@media (prefers-color-scheme: dark) {
  :root {
    --nv-ink:    #F0EDE6;
    --nv-paper:  #111111;
    --nv-cream:  #1A1A1A;
    --nv-slate:  #B0B0BA;
    --nv-muted:  #6A6A75;
    --nv-border: #2A2A2A;
  }
}