/*
Theme Name: NexPanamá Core Engine
Theme URI: https://nexpanama.com
Author: NexPanamá
Author URI: https://nexpanama.com
Description: Ecosistema digital de noticias y televisión de ultra alto rendimiento, diseñado y desarrollado exclusivamente por NexPanamá. Arquitectura nativa 2026, cero dependencias, carga instantánea y Bento Grid editorial.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
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: nexpanama-core
Tags: news, entertainment, television, video, grid-layout, two-columns, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready
*/

/**
 * @package Custom_Theme_NexPanama
 * @author NexPanamá
 * @version 1.0.0
 * Developed by NexPanamá
 */

:root {
  /* ==========================================
     1. PRIMITIVOS DE MARCA (ADN OFICIAL NEXPANAMÁ)
     Color extraído del logotipo oficial: RGB(208, 33, 39) -> #D02127
     ========================================== */
  --nex-red:          #D02127;
  --nex-red-hover:    #B81B21;
  --nex-red-subtle:   rgba(208, 33, 39, 0.08);
  --nex-red-border:   rgba(208, 33, 39, 0.2);
  --nex-red-glow:     rgba(208, 33, 39, 0.2);
  
  --nex-black:        #0C0E10;
  --nex-black-elevated:#14171A;
  --nex-white:        #FFFFFF;
  --nex-orange:       #EA580C;
  --nex-blue-sports:  #0284C7;
  
  /* ==========================================
     2. DESIGN TOKENS SEMÁNTICOS (MODO CLARO — SUAVE & EDITORIAL)
     ========================================== */
  --bg-body:          #F9FAFB;
  --bg-surface:       #FFFFFF;
  --bg-surface-alt:   #F3F4F6;
  --border-color:     #E5E7EB;
  --border-hover:     #D1D5DB;
  
  --text-primary:     #111827;
  --text-secondary:   #4B5563;
  --text-muted:       #9CA3AF;
  --text-inverse:     #FFFFFF;

  --header-bg:        rgba(255, 255, 255, 0.94);
  --header-border:    rgba(0, 0, 0, 0.06);
  --card-bg:          #FFFFFF;
  --card-shadow:      0 1px 3px rgba(0, 0, 0, 0.04);
  --card-shadow-hover:0 8px 20px -3px rgba(208, 33, 39, 0.08);

  /* Categorías de Noticias (Acentos sobrios y equilibrados) */
  --cat-nacional:     #D02127;
  --cat-politica:     #7C2D12;
  --cat-deportes:     #0284C7;
  --cat-tecnologia:   #4338CA;
  --cat-salud:        #047857;
  --cat-entretenimiento:#B45309;

  /* ==========================================
     3. TIPOGRAFÍAS Y MEDIDAS FLUIDAS
     ========================================== */
  --font-display:     'Oswald', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-body:        'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-editorial:   'PT Serif', Georgia, Cambria, serif;

  --radius-sm:        4px;
  --radius-md:        8px;
  --radius-lg:        12px;
  --radius-full:      9999px;

  --container-max:    1280px;
  --transition-fast:  0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth:0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

/* ==========================================
   4. DESIGN TOKENS SEMÁNTICOS (MODO OSCURO — ELEGANTE & NO INVASIVO)
   ========================================== */
[data-theme="dark"] {
  --bg-body:          #0B0D0F;
  --bg-surface:       #13161A;
  --bg-surface-alt:   #1A1E24;
  --border-color:     #232830;
  --border-hover:     #323945;

  --text-primary:     #F3F4F6;
  --text-secondary:   #9CA3AF;
  --text-muted:       #6B7280;
  --text-inverse:     #0B0D0F;

  --header-bg:        rgba(11, 13, 15, 0.94);
  --header-border:    rgba(255, 255, 255, 0.07);
  --card-bg:          #13161A;
  --card-shadow:      0 4px 20px -2px rgba(0, 0, 0, 0.4);
  --card-shadow-hover:0 12px 30px -4px rgba(208, 33, 39, 0.18);
}