/* Variables globales del proyecto */
:root {
  /* Colores principales */
  --color-black-matte: #0b0b0b;
  --color-gold-warm: #A04040;
  --color-gold-light: #D89090;
  --color-gold-dark: #8A3535;
  --color-white: #ffffff;
  --color-cream: #faf8f3;
  --color-gray-light: #e5e5e5;
  --color-gray-medium: #888888;

  /* Sombras */
  --shadow-soft: 0 4px 6px rgba(0, 0, 0, 0.1);
  --shadow-medium: 0 8px 16px rgba(0, 0, 0, 0.15);
  --shadow-strong: 0 12px 24px rgba(0, 0, 0, 0.25);
  --shadow-envelope: 0 10px 40px rgba(0, 0, 0, 0.3);

  /* Gradientes */
  --gradient-gold: linear-gradient(135deg, #D89090 0%, #A04040 50%, #8A3535 100%);
  --gradient-seal: radial-gradient(circle, #A04040 0%, #8A3535 70%);

  /* Transiciones */
  --transition-smooth: all 0.3s ease;
  --transition-slow: all 0.6s ease;
  --transition-elegant: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);

  /* Espaciado */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 2rem;
  --spacing-lg: 3rem;
  --spacing-xl: 4rem;

  /* Tamaños de fuente */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 2rem;
  --text-4xl: 2.5rem;
  --text-5xl: 3rem;
  --text-6xl: 4rem;

  /* Border radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-full: 50%;
  /* Paleta de colores pasteles elegantes */
  --color-blue-pastel: #A5D6F5;        /* Azul cielo pastel */
  --color-yellow-pastel: #FFF9C4;       /* Amarillo sol pastel */
  --color-orange-pastel: #FFCC80;       /* Naranja vibrante pastel */
  --color-purple-pastel: #CE93D8;       /* Morado/púrpura pastel */
  --color-green-pastel: #C5E1A5;        /* Verde oliva pastel */
  --color-rose-primary: #A04040;        /* Rosa/borgoña principal */
  
  /* Versiones vibrantes para acentos */
  --color-blue-vibrant: #2196F3;
  --color-yellow-vibrant: #FFEB3B;
  --color-orange-vibrant: #FF9800;
  --color-purple-vibrant: #9C27B0;
  --color-green-vibrant: #8BC34A;
}
}