/* ==========================================================================
   VARIABLES & DESIGN TOKENS — GRUPO ESTANCIAS DEL PERÚ SAC
   Paleta de Lujo, Tipografía Responsive, Safe Areas y Sombras
   Última actualización: 2026-10-05
   ========================================================================== */

:root {
  /* --- PALETA DE COLOR DE LUJO --- */
  --bg-main: #070A10;
  --bg-surface: #0D131F;
  --bg-card: #121A2B;
  --bg-card-hover: #172238;
  --bg-glass: rgba(13, 19, 31, 0.75);
  --bg-glass-strong: rgba(7, 10, 16, 0.88);

  /* Oro Champaña y Metales */
  --gold-300: #F6DE95;
  --gold-400: #E5C365;
  --gold-500: #D4AF37;
  --gold-600: #B89225;
  --gold-700: #8C6D15;
  --gold-gradient: linear-gradient(135deg, #F8E5A7 0%, #D4AF37 50%, #9F791A 100%);
  --gold-gradient-glow: linear-gradient(135deg, rgba(248, 229, 167, 0.25) 0%, rgba(212, 175, 55, 0.4) 50%, rgba(159, 121, 26, 0.2) 100%);
  --gold-border: rgba(212, 175, 55, 0.28);
  --gold-border-strong: rgba(212, 175, 55, 0.65);

  /* Tarjetas de Membresía */
  --card-silver-gradient: linear-gradient(135deg, #FFFFFF 0%, #E2E8F0 45%, #94A3B8 100%);
  --card-gold-gradient: linear-gradient(135deg, #FFF0B8 0%, #D4AF37 55%, #8A6715 100%);
  --card-black-gradient: linear-gradient(145deg, #1C1F26 0%, #0F1116 55%, #050608 100%);

  /* Textos */
  --text-main: #F8FAFC;
  --text-body: #CBD5E1;
  --text-muted: #8E9BAE;
  --text-gold: #ECC880;
  --text-inverse: #0A0D14;

  /* Estados Semánticos Globales */
  --success: #10B981;
  --danger: #EF4444;
  --warning: #F59E0B;
  --info: #3B82F6;

  /* Bordes y Líneas */
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-glass: rgba(255, 255, 255, 0.12);

  /* Sombras de Distinción */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.6);
  --shadow-gold: 0 10px 30px rgba(212, 175, 55, 0.22);
  --shadow-gold-hover: 0 15px 45px rgba(212, 175, 55, 0.35);

  /* Tipografías */
  --font-serif: 'Cormorant Garamond', 'Cinzel', Georgia, serif;
  --font-sans: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Tamaños Fluidos (clamp) para adaptación Android, iPhone, iPad y PC */
  --text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.825rem);
  --text-sm: clamp(0.85rem, 0.8rem + 0.3vw, 0.95rem);
  --text-base: clamp(0.95rem, 0.9rem + 0.35vw, 1.05rem);
  --text-lg: clamp(1.1rem, 1rem + 0.5vw, 1.25rem);
  --text-xl: clamp(1.25rem, 1.15rem + 0.75vw, 1.5rem);
  --text-2xl: clamp(1.5rem, 1.35rem + 1vw, 2rem);
  --text-3xl: clamp(1.85rem, 1.6rem + 1.5vw, 2.75rem);
  --text-4xl: clamp(2.25rem, 1.85rem + 2.2vw, 3.75rem);
  --text-hero: clamp(2.5rem, 2rem + 2.8vw, 4.5rem);

  /* Contenedores y Safe Areas */
  --max-width: 1280px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-full: 9999px;

  /* Safe Areas para iPhone y Android con gestos */
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  --safe-right: env(safe-area-inset-right, 0px);

  /* Alturas de Toque Táctil */
  --tap-min-h: 48px;
  --header-h: 80px;
}