@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

body { 
  font-family: 'Inter', sans-serif; 
  color: #fff;
  background-attachment: fixed;
}

.theme-background {
  background-size: cover;
  background-position: center;
}

.gold-pattern {
  background: radial-gradient(circle, transparent 20%, #0f0f0f 90%),
              repeating-linear-gradient(45deg, rgba(180, 150, 50, 0.1) 0px, rgba(180, 150, 50, 0.1) 1px, transparent 1px, transparent 11px),
              repeating-linear-gradient(135deg, rgba(180, 150, 50, 0.1) 0px, rgba(180, 150, 50, 0.1) 1px, transparent 1px, transparent 11px);
}

.diamond-pattern {
  background: 
    linear-gradient(135deg, #0a0a0a 25%, transparent 25%) -10px 0/ 20px 20px,
    linear-gradient(225deg, #0a0a0a 25%, transparent 25%) -10px 0/ 20px 20px,
    linear-gradient(315deg, #0a0a0a 25%, transparent 25%) 0px 0/ 20px 20px,
    linear-gradient(45deg, #0a0a0a 25%, #000 25%) 0px 0/ 20px 20px;
}