@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
  --royal-950: #4c0519;
  --royal-900: #881337;
  --royal-800: #9f1239;
  --royal-700: #be123c;
  --gold-500: #d97706;
  --gold-400: #f59e0b;
  --gold-300: #fcd34d;
  --gold-100: #fef3c7;
  --parchment: #fffbeb;
  --slate-900: #0f172a;
}

body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  color: #1e293b;
  background-color: #fafaf9;
}

h1, h2, h3, .font-royal {
  font-family: 'Cinzel', serif;
  letter-spacing: -0.01em;
}

.bg-royal-gradient {
  background: radial-gradient(circle at 50% 20%, rgba(190, 18, 60, 0.45) 0%, rgba(76, 5, 25, 0.95) 75%), #4c0519;
}

.gold-border {
  border: 1px solid rgba(217, 119, 6, 0.35);
}

.gold-glow {
  box-shadow: 0 10px 35px -10px rgba(217, 119, 6, 0.3);
}

.royal-badge {
  background: linear-gradient(135deg, #f59e0b 0%, #b45309 100%);
  color: #ffffff;
}

.modal-backdrop {
  background: rgba(15, 23, 42, 0.82);
  backdrop-filter: blur(6px);
}