:root {
      --primary: #601A35;
      --gradient-start: #FFCF78;
      --gradient-end: #FEE2B1;
  }

  @keyframes float {

      0%,
      100% {
          transform: translateY(0px) rotate(0deg);
      }

      50% {
          transform: translateY(-30px) rotate(5deg);
      }
  }

  @keyframes slideUp {
      from {
          opacity: 0;
          transform: translateY(50px);
      }

      to {
          opacity: 1;
          transform: translateY(0);
      }
  }

  @keyframes slideRight {
      from {
          opacity: 0;
          transform: translateX(-50px);
      }

      to {
          opacity: 1;
          transform: translateX(0);
      }
  }

  @keyframes scaleIn {
      from {
          opacity: 0;
          transform: scale(0.8);
      }

      to {
          opacity: 1;
          transform: scale(1);
      }
  }

  @keyframes shimmer {
      0% {
          background-position: -1000px 0;
      }

      100% {
          background-position: 1000px 0;
      }
  }

  @keyframes bounce-slow {

      0%,
      100% {
          transform: translateY(0);
      }

      50% {
          transform: translateY(-15px);
      }
  }

  @keyframes spin-slow {
      from {
          transform: rotate(0deg);
      }

      to {
          transform: rotate(360deg);
      }
  }

  .animate-float {
      animation: float 4s ease-in-out infinite;
  }

  .animate-slide-up {
      animation: slideUp 0.8s ease-out;
  }

  .animate-slide-right {
      animation: slideRight 0.8s ease-out;
  }

  .animate-scale-in {
      animation: scaleIn 0.6s ease-out;
  }

  .animate-bounce-slow {
      animation: bounce-slow 3s ease-in-out infinite;
  }

  .animate-spin-slow {
      animation: spin-slow 20s linear infinite;
  }

  .bg-brand {
      background-color: var(--primary);
  }

  .text-brand {
      color: var(--primary);
  }

  .border-brand {
      border-color: var(--primary);
  }

  .bg-gradient-brand {
      background: linear-gradient(78.33deg, #FFCF78 5.9%, #FEE2B1 97.88%);
  }

  .bg-gradient-dark {
      background: linear-gradient(135deg, #601A35 0%, #8B2449 100%);
  }

  .bg-gradient-light {
      background: linear-gradient(135deg, #FEE2B1 0%, #FFCF78 100%);
  }

  .shimmer {
      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
      background-size: 1000px 100%;
      animation: shimmer 3s infinite;
  }

  .card-3d {
      transform-style: preserve-3d;
      transition: transform 0.5s ease;
  }

  .card-3d:hover {
      transform: rotateY(5deg) rotateX(5deg) scale(1.05);
  }

  .blob {
      border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
      animation: float 8s ease-in-out infinite;
  }

  /* Custom scrollbar */
  ::-webkit-scrollbar {
      width: 12px;
  }

  ::-webkit-scrollbar-track {
      background: #FEE2B1;
  }

  ::-webkit-scrollbar-thumb {
      background: var(--primary);
      border-radius: 10px;
      border: 2px solid #FEE2B1;
  }

  .hover-lift {
      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }

  .hover-lift:hover {
      transform: translateY(-12px);
      box-shadow: 0 20px 60px rgba(96, 26, 53, 0.4);
  }



  .bg-brand {
      background-color: var(--primary);
  }

  .text-brand {
      color: var(--primary);
  }



  .breadcrumb-item {
      transition: all 0.3s ease;
  }

  .breadcrumb-item:hover {
      transform: translateY(-2px);
  }

  .breadcrumb-separator {
      transition: transform 0.3s ease;
  }

  .breadcrumb-item:hover+.breadcrumb-separator {
      transform: translateX(5px);
  }