/*
Theme Name: NewsMax Pro
Theme URI: https://example.com/newsmax-pro
Author: Antigravity AI & UI/UX ProMax
Author URI: https://example.com
Description: Enterprise-grade WordPress News Portal & Magazine Block Theme combining Apple minimalism, Linear crispness, and Bloomberg editorial power. Fully FSE ready with Gutenberg Block Templates, WCAG 2.2 AA compliance, built-in Dark/Light mode, live AJAX search, market widgets, and ultra-fast Core Web Vitals optimization.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: newsmax-pro
Tags: news, magazine, block-theme, full-site-editing, custom-colors, custom-logo, custom-menu, editor-style, featured-images, flexible-header, micro-formats, post-formats, responsive-layout, theme-options, translation-ready, dark-mode, e-commerce

NewsMax Pro WordPress Theme, (C) 2026
*/

/* Import Master Layout & Design System */
@import url('assets/css/main.css');

/* ==========================================================================
   DESIGN TOKENS & ROOT VARIABLES (LIGHT / DARK SYSTEM)
   ========================================================================== */

:root {
  /* Color Palette - Light Mode */
  --nm-color-primary: #111827;
  --nm-color-primary-rgb: 17, 24, 39;
  --nm-color-accent: #2563eb;
  --nm-color-accent-hover: #1d4ed8;
  --nm-color-accent-rgb: 37, 99, 235;
  --nm-color-accent-light: #eff6ff;
  
  --nm-color-success: #10b981;
  --nm-color-warning: #f59e0b;
  --nm-color-danger: #ef4444;

  --nm-color-bg: #ffffff;
  --nm-color-bg-secondary: #f8fafc;
  --nm-color-bg-tertiary: #f1f5f9;
  --nm-color-surface: #ffffff;
  --nm-color-surface-glass: rgba(255, 255, 255, 0.85);

  --nm-color-text: #0f172a;
  --nm-color-text-secondary: #475569;
  --nm-color-text-muted: #94a3b8;
  --nm-color-border: #e5e7eb;
  --nm-color-border-subtle: #f1f5f9;

  /* Typography Fonts */
  --nm-font-heading: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --nm-font-body: 'Source Sans Pro', system-ui, -apple-system, sans-serif;
  --nm-font-article: 'Merriweather', Georgia, Cambria, serif;
  --nm-font-mono: 'JetBrains Mono', SFMono-Regular, Consolas, monospace;

  /* Spacing (8pt Grid) */
  --nm-space-1: 4px;
  --nm-space-2: 8px;
  --nm-space-3: 12px;
  --nm-space-4: 16px;
  --nm-space-5: 20px;
  --nm-space-6: 24px;
  --nm-space-8: 32px;
  --nm-space-10: 40px;
  --nm-space-12: 48px;
  --nm-space-16: 64px;
  --nm-space-20: 80px;

  /* Border Radii */
  --nm-radius-sm: 8px;
  --nm-radius-md: 12px;
  --nm-radius-lg: 16px;
  --nm-radius-xl: 24px;
  --nm-radius-full: 9999px;

  /* Elevation / Shadows */
  --nm-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --nm-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
  --nm-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.04);
  --nm-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.04);
  --nm-shadow-glass: 0 8px 32px 0 rgba(31, 38, 135, 0.07);

  /* Transitions */
  --nm-transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --nm-transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --nm-transition-smooth: 350ms cubic-bezier(0.16, 1, 0.3, 1);

  /* Container Dimensions */
  --nm-container-max: 1320px;
  --nm-header-height: 72px;
}

/* Dark Mode Tokens Override */
[data-theme="dark"],
.dark-mode {
  --nm-color-primary: #f9fafb;
  --nm-color-primary-rgb: 249, 250, 251;
  --nm-color-accent: #3b82f6;
  --nm-color-accent-hover: #60a5fa;
  --nm-color-accent-rgb: 59, 130, 246;
  --nm-color-accent-light: rgba(59, 130, 246, 0.15);

  --nm-color-bg: #0b0f17;
  --nm-color-bg-secondary: #111827;
  --nm-color-bg-tertiary: #1f2937;
  --nm-color-surface: #111827;
  --nm-color-surface-glass: rgba(17, 24, 39, 0.85);

  --nm-color-text: #f3f4f6;
  --nm-color-text-secondary: #9ca3af;
  --nm-color-text-muted: #6b7280;
  --nm-color-border: #1f2937;
  --nm-color-border-subtle: #111827;

  --nm-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  --nm-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
  --nm-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
  --nm-shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, 0.5);
}

/* Global Media & Image Resets */
img, picture, video, iframe {
  max-width: 100% !important;
  height: auto !important;
}

/* Screen Reader Only Utility */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}