@import "tailwindcss";

@layer utilities {
  .font-cinzel {
    font-family: 'Cinzel', serif;
  }
  .font-sans-sc {
    font-family: 'Noto Sans SC', system-ui, sans-serif;
  }

  /* Gold Text Gradients */
  .text-gold-gradient {
    background: linear-[#f7e092], linear-gradient(135deg, #fff3c4 0%, #e5c158 40%, #d4af37 70%, #997517 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .text-gold-light {
    background: linear-gradient(135deg, #ffffff 0%, #f3e5ab 50%, #d4af37 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  /* Gold Border Glows */
  .border-gold-glow {
    border-color: rgba(212, 175, 55, 0.3);
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.15);
  }

  .bg-gold-gradient {
    background: linear-gradient(135deg, #e5c158 0%, #d4af37 50%, #b38f2a 100%);
  }

  .bg-gold-dark-gradient {
    background: linear-gradient(135deg, #2a2415 0%, #171510 100%);
  }

  .bg-[#0d0d11] {
    background-color: #0d0d11;
  }
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #0d0d11;
}
::-webkit-scrollbar-thumb {
  background: #282832;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #d4af37;
}

/* Custom Pulsing and Glow */
@keyframes goldPulse {
  0%, 100% {
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.2);
  }
  50% {
    box-shadow: 0 0 25px rgba(212, 175, 55, 0.5);
  }
}

.animate-gold-pulse {
  animation: goldPulse 3s infinite ease-in-out;
}