/*
Theme Name: Amazon Trip
Theme URI: https://cuscocreativos.com/amazon-trip
Author: Cusco Creativos
Author URI: https://cuscocreativos.com
Description: Tema personalizado exclusivo y de alto rendimiento para expediciones auténticas, ecoturismo y turismo vivencial en la Amazonía y los Andes peruanos. Desarrollado artesanalmente desde cero (0) con código nativo, cero plugins de maquetación y máxima optimización Core Web Vitals.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
Text Domain: amazon-trip
*/

:root {
  /* Paleta Cromática Primaria */
  --color-primary: #18392B;        /* Verde Selva Profundo */
  --color-primary-dark: #0F251C;   /* Verde Sombra Profunda */
  --color-primary-light: #265440;  /* Verde Dosel */
  
  /* Acento y Llamados a la Acción (CTA) */
  --color-accent: #C45A2C;         /* Terracota Arcilla / Ocre Amazónico */
  --color-accent-hover: #A7471F;   /* Arcilla Tostada */
  --color-accent-soft: #F4E8E1;    /* Bruma de Arcilla */
  
  /* Fondos y Superficies Orgánicas */
  --color-bg: #F8F6F0;             /* Papel Hueso / Arena Amazónica */
  --color-surface: #ECEAE4;        /* Piedra de Río / Neutro Suave */
  --color-surface-card: #FFFFFF;   /* Blanco puro para tarjetas */
  --color-surface-dark: #12241C;   /* Fondo nocturno de selva */
  
  /* Tipografía y Lectura */
  --color-text: #1F2421;           /* Carbón Vegetal */
  --color-text-muted: #526058;     /* Musgo Seco */
  --color-text-light: #F8F6F0;     /* Texto claro */
  --color-text-dim: #8A9A90;       /* Texto atenuado */
  
  /* Bordes y Divisores */
  --color-border: #D8D4CA;
  --color-border-subtle: #E8E5DD;
  
  /* Acentos complementarios */
  --color-gold: #D4A373;
  --color-leaf: #2D6A4F;
  --color-success: #2A7B4C;
  
  /* Tipografía */
  --font-heading: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-serif: 'Lora', Georgia, serif;
  
  /* Escalas Fluidas con clamp() */
  --fs-hero: clamp(2.4rem, 5vw + 1rem, 4.25rem);
  --fs-h1: clamp(2rem, 3.5vw + 0.5rem, 3.25rem);
  --fs-h2: clamp(1.6rem, 2.5vw + 0.5rem, 2.4rem);
  --fs-h3: clamp(1.25rem, 1.8vw + 0.2rem, 1.65rem);
  --fs-h4: clamp(1.1rem, 1.2vw + 0.1rem, 1.25rem);
  --fs-body-lg: clamp(1.05rem, 1.1vw + 0.2rem, 1.2rem);
  --fs-body: clamp(0.95rem, 0.9vw + 0.15rem, 1.05rem);
  --fs-small: clamp(0.82rem, 0.8vw + 0.1rem, 0.9rem);
  --fs-micro: 0.78rem;
  
  /* Espaciado Modular */
  --space-xs: clamp(0.25rem, 0.5vw, 0.5rem);
  --space-sm: clamp(0.5rem, 1vw, 0.75rem);
  --space-md: clamp(1rem, 1.5vw, 1.5rem);
  --space-lg: clamp(1.5rem, 2.5vw, 2.5rem);
  --space-xl: clamp(2.5rem, 4vw, 4rem);
  --space-2xl: clamp(4rem, 6vw, 6.5rem);
  
  /* Contenedores y Layout */
  --container-max: 1280px;
  --container-narrow: 1200px;
  --container-blog: 1200px;
  --container-padding: clamp(1.25rem, 3.5vw, 2.5rem);
  
  /* Sombras Suaves */
  --shadow-sm: 0 2px 8px rgba(24, 57, 43, 0.05);
  --shadow-md: 0 8px 24px rgba(24, 57, 43, 0.08);
  --shadow-lg: 0 16px 40px rgba(24, 57, 43, 0.12);
  --shadow-card-hover: 0 20px 48px rgba(24, 57, 43, 0.16);
  
  /* Bordes */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 9999px;
  
  /* Transiciones */
  --transition-fast: 0.2s cubic-bezier(0.2, 0, 0, 1);
  --transition-normal: 0.3s cubic-bezier(0.2, 0, 0, 1);
  --transition-smooth: 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}