/**
 * IA CONSULTING RD — Sistema de Diseño Futurista & Tokens CSS
 * =====================================================================
 * Estilo: Cyber-Obsidian con Liquid Glass Ultra-Premium (Estética iOS 27)
 */

:root {
  /* --- PALETA DE FONDOS (DEEP CYBER OBSIDIAN) --- */
  --bg-deep: #030712;               /* Negro espacial absoluto */
  --bg-surface: #070B14;            /* Capa profunda de contenedor */
  --bg-surface-elevated: #0C1222;   /* Elevación ligera */

  /* --- LIQUID GLASS & FROSTED ACRYLIC (ESTILO IOS 27) --- */
  --liquid-glass-bg: rgba(15, 23, 42, 0.55);
  --liquid-glass-card: rgba(255, 255, 255, 0.035);
  --liquid-glass-card-hover: rgba(255, 255, 255, 0.07);
  --liquid-glass-nav: rgba(7, 11, 20, 0.65);
  --liquid-blur: blur(28px) saturate(190%) brightness(110%);
  --liquid-blur-deep: blur(40px) saturate(210%);
  
  /* Specular Liquid Edge: Reflejo especular blanco puro biselado en el borde superior */
  --liquid-specular-top: inset 0 1px 1px 0 rgba(255, 255, 255, 0.35);
  --liquid-specular-ambient: inset 0 0 20px 0 rgba(255, 255, 255, 0.02);
  --liquid-shadow-drop: 0 20px 50px -10px rgba(0, 0, 0, 0.7);

  /* Borde prismático iridiscente tipo cristal líquido */
  --liquid-border: 1px solid rgba(255, 255, 255, 0.12);
  --liquid-border-hover: 1px solid rgba(34, 211, 238, 0.45);
  --liquid-border-gradient: linear-gradient(135deg, rgba(255, 255, 255, 0.4) 0%, rgba(6, 182, 212, 0.3) 30%, rgba(139, 92, 246, 0.35) 70%, rgba(255, 255, 255, 0.08) 100%);

  /* --- COLORES OFICIALES IA CONSULTING RD --- */
  --primary: #06B6D4;               /* Cian Eléctrico */
  --primary-light: #22D3EE;         /* Cian Neón Brillante */
  --primary-glow: rgba(6, 182, 212, 0.4);
  --primary-subtle: rgba(6, 182, 212, 0.12);

  --accent: #8B5CF6;                /* Violeta Neón */
  --accent-light: #A855F7;          /* Púrpura Iridiscente */
  --accent-glow: rgba(139, 92, 246, 0.4);
  --accent-subtle: rgba(139, 92, 246, 0.14);

  --emerald: #10B981;               /* Aprobación, ROI y WhatsApp */
  --emerald-light: #34D399;
  --emerald-glow: rgba(16, 185, 129, 0.4);

  /* --- TIPOGRAFÍA Y TEXTOS --- */
  --text-main: #FFFFFF;
  --text-contrast: #F1F5F9;
  --text-muted: #94A3B8;
  --text-subtle: #64748B;

  /* --- GRADIENTES LÍQUIDOS --- */
  --gradient-brand: linear-gradient(135deg, #06B6D4 0%, #8B5CF6 100%);
  --gradient-brand-glow: linear-gradient(135deg, #22D3EE 0%, #A855F7 100%);
  --gradient-text: linear-gradient(135deg, #FFFFFF 20%, #E2E8F0 60%, #94A3B8 100%);
  --gradient-neon-text: linear-gradient(135deg, #22D3EE 0%, #C084FC 100%);

  /* --- SOMBRAS Y RESPLANDOR NEÓN --- */
  --glow-primary: 0 0 30px rgba(6, 182, 212, 0.35), 0 0 60px rgba(6, 182, 212, 0.15);
  --glow-accent: 0 0 30px rgba(139, 92, 246, 0.35), 0 0 60px rgba(139, 92, 246, 0.15);
  --glow-brand: 0 0 35px rgba(6, 182, 212, 0.35), 0 0 70px rgba(139, 92, 246, 0.25);

  /* --- TIPOGRAFÍAS DE ALTA GAMA --- */
  --font-display: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* --- CURVATURAS IOS 27 (SUPER-ELLIPSES SQUIRCLES) --- */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-full: 9999px;

  /* TRANSICIONES DINÁMICAS SUAVES */
  --transition-fast: 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 0.38s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-spring: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}