/* =============================================
   VARIABLES DE DISEÑO
   ============================================= */

:root {
  /* Colores primarios */
  --teal: #2AA5A0;
  --teal-dark: #1F7F7B;
  --pink: #F28FB1;
  --pink-soft: #FBE1EC;
  --lavender: #B8A9D4;
  --lavender-soft: #EFE9F7;
  --mint: #B8DCC8;
  --yellow: #F7D774;

  /* Colores de texto y fondo */
  --text: #2C3E50;
  --text-light: #64748B;
  --bg: #FDFBFB;
  --white: #FFFFFF;

  /* Sombras */
  --shadow: 0 10px 30px rgba(42, 165, 160, 0.08);
  --shadow-lg: 0 20px 50px rgba(42, 165, 160, 0.12);

  /* Tipografía */
  --font-serif: 'Playfair Display', serif;
  --font-sans: 'Poppins', sans-serif;

  /* Transiciones */
  --transition: all 0.3s ease;
  --transition-lg: all 0.6s ease;
}