/*
Theme Name: Esta Es Mi App - Asesoría Legal
Theme URI: https://estaesmiapp.com
Author: Esta Es Mi App
Author URI: https://estaesmiapp.com
Description: Tema profesional de WordPress para asesoría legal por accidentes en Estados Unidos. Diseño premium con animaciones elegantes, integración de podcasts (YouTube/SoundCloud) y galería de fotos. Bilingüe español/inglés.
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
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: estaesmiapp
Tags: legal, law-firm, custom-colors, custom-logo, featured-images, translation-ready, blog

Esta Es Mi App — Asesoría Legal por Accidentes
Todos los derechos reservados.
*/

/* ============================================
   CSS CUSTOM PROPERTIES (Design Tokens)
   ============================================ */
:root {
    /* Primary Palette */
    --color-primary: #1B2A4A;
    --color-primary-light: #2D4A7A;
    --color-primary-dark: #0D1520;
    
    /* Accent - Gold */
    --color-accent: #C9A84C;
    --color-accent-light: #E0C872;
    --color-accent-dark: #A8892E;
    
    /* Neutrals */
    --color-white: #FFFFFF;
    --color-off-white: #F5F3EF;
    --color-light-gray: #E8E6E3;
    --color-mid-gray: #9A9A9A;
    --color-dark-gray: #3A3A3A;
    --color-black: #0A0A0A;
    
    /* Semantic */
    --color-success: #2ECC71;
    --color-error: #E74C3C;
    --color-warning: #F39C12;
    
    /* Backgrounds */
    --bg-dark: #0D1520;
    --bg-card: rgba(27, 42, 74, 0.6);
    --bg-glass: rgba(255, 255, 255, 0.05);
    --bg-glass-light: rgba(255, 255, 255, 0.08);
    
    /* Typography */
    --font-heading: 'Playfair Display', Georgia, 'Times New Roman', serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-accent: 'Cormorant Garamond', Georgia, serif;
    
    /* Font Sizes (fluid) */
    --fs-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);
    --fs-sm: clamp(0.875rem, 0.8rem + 0.35vw, 1rem);
    --fs-base: clamp(1rem, 0.9rem + 0.45vw, 1.125rem);
    --fs-md: clamp(1.125rem, 1rem + 0.55vw, 1.375rem);
    --fs-lg: clamp(1.5rem, 1.2rem + 1.2vw, 2rem);
    --fs-xl: clamp(2rem, 1.5rem + 2vw, 3rem);
    --fs-2xl: clamp(2.5rem, 1.8rem + 3vw, 4rem);
    --fs-3xl: clamp(3rem, 2rem + 4vw, 5.5rem);
    
    /* Spacing */
    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 1.5rem;
    --space-lg: 2rem;
    --space-xl: 3rem;
    --space-2xl: 5rem;
    --space-3xl: 8rem;
    
    /* Borders */
    --border-gold: 1px solid rgba(201, 168, 76, 0.3);
    --border-glass: 1px solid rgba(255, 255, 255, 0.1);
    --border-radius-sm: 6px;
    --border-radius-md: 12px;
    --border-radius-lg: 20px;
    --border-radius-xl: 30px;
    
    /* Shadows */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.15);
    --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.2);
    --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.3);
    --shadow-gold: 0 4px 30px rgba(201, 168, 76, 0.15);
    --shadow-glow: 0 0 40px rgba(201, 168, 76, 0.1);
    
    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-base: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-spring: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    
    /* Layout */
    --container-width: 1280px;
    --container-narrow: 900px;
    --header-height: 90px;
    --header-height-scrolled: 70px;
}