@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&family=JetBrains+Mono:wght@300;400;500&display=swap');
@import "tailwindcss";

@theme {
  --color-brand-green-bg: #060e0a;
  --color-brand-green-card: #0d1a13;
  --color-brand-green-deep: #08110c;
  --color-brand-green-border: #1a3627;
  --color-brand-green-pale: #a4cfa9;
  --color-brand-green-light: #cbe6d0;
  --color-brand-green-glisten: rgba(164, 207, 169, 0.15);
  
  --color-brand-gold-primary: #dfbe6b;
  --color-brand-gold-hover: #f3d687;
  --color-brand-gold-pale: #fcf1d4;
  --color-brand-gold-glisten: rgba(223, 190, 107, 0.1);
  
  --font-sans: "Noto Sans SC", "Outfit", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
}

html {
  scroll-behavior: smooth;
  font-family: var(--font-sans);
  background-color: var(--color-brand-green-bg);
  color: #e2ebd5;
  -webkit-tap-highlight-color: transparent;
}

/* Custom premium scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #060e0a;
}
::-webkit-scrollbar-thumb {
  background: #1a3627;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #dfbe6b;
}

/* Glassmorphism background */
.glass-panel {
  background: rgba(13, 26, 19, 0.75);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(223, 190, 107, 0.12);
}

.gold-gradient-text {
  background: linear-gradient(135deg, #dfbe6b 0%, #fcf1d4 50%, #a4cfa9 100%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.gold-border-glow {
  transition: all 0.3s ease;
  border: 1px solid rgba(223, 190, 107, 0.15);
}
.gold-border-glow:hover {
  border-color: rgba(223, 190, 107, 0.6);
  box-shadow: 0 0 15px rgba(223, 190, 107, 0.15);
}

/* Fade animation on entry */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
  animation: fadeIn 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}