/* ==========================================================================
   DESIGN TOKENS & VARIABLES — Paz Soldán Abogados
   Proyecto: Paz Soldán Abogados
   Paleta: Obsidian Navy, Midnight Blue, Royal Gold Champán & Light Silk
   Última actualización: 2026-09-28
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  /* Paleta Corporativa de Lujo */
  --color-obsidian: #061528;
  --color-navy: #0A2540;
  --color-navy-light: #133863;
  --color-navy-surface: #1E4473;
  
  --color-gold-burnished: #C5A059;
  --color-gold: #E6B325;
  --color-gold-light: #F3C954;
  --color-gold-glow: rgba(230, 179, 37, 0.35);
  
  --color-bg-light: #F8FAFC;
  --color-bg-card: #FFFFFF;
  --color-bg-card-alt: #F1F5F9;
  
  --color-text-main: #0F172A;
  --color-text-body: #334155;
  --color-text-muted: #64748B;
  --color-text-on-dark: #F8FAFC;
  --color-text-gold: #C5A059;

  --color-emergency: #DC2626;
  --color-emergency-glow: rgba(220, 38, 38, 0.2);
  --color-whatsapp: #25D366;
  --color-whatsapp-hover: #20BA5A;

  /* Tipografías */
  --font-heading: 'Outfit', sans-serif;
  --font-body: 'Inter', sans-serif;

  /* Bordes & Sombras */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-full: 9999px;

  --shadow-sm: 0 2px 8px rgba(10, 37, 64, 0.06);
  --shadow-md: 0 10px 25px rgba(10, 37, 64, 0.08);
  --shadow-lg: 0 20px 40px rgba(10, 37, 64, 0.12);
  --shadow-gold: 0 10px 30px rgba(230, 179, 37, 0.25);
  --shadow-navy: 0 15px 35px rgba(6, 21, 40, 0.4);

  /* Transiciones */
  --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}