:root{
  --color-white:#FFFFFF;
  --color-gray-light:#F5F5F5;
  --color-gray-medium:#E0E0E0;
  --color-gray-dark:#333333;
  --color-yellow:#FAEC32;
  --color-bg:linear-gradient(135deg,#F9F9F9 0%,#EFEFEF 50%,#E5E5E5 100%);
  --pattern:radial-gradient(circle at 25% 25%,rgba(250,236,50,0.05) 0%,transparent 50%),
            radial-gradient(circle at 75% 75%,rgba(0,0,0,0.03) 0%,transparent 50%);
}

body{
  margin:0;padding:0;
  background:var(--color-bg),var(--pattern);
  background-attachment:fixed;
  color:var(--color-gray-dark);
  font-family:'Poppins',sans-serif;
}

.btn-primary{
  background:transparent;
  color:var(--color-gray-dark);
  border:2px solid var(--color-yellow);
  padding:.75rem 1.5rem;
  font-weight:600;border-radius:.375rem;
  transition:background-color .3s,color .3s,box-shadow .3s;
}

.btn-primary:hover{
  background:var(--color-yellow);
  color:var(--color-gray-dark);
}

.bg-yellow-400{
  background-color:var(--color-yellow)!important;
}

.text-yellow-500{
  color:var(--color-yellow)!important;
}

.hover\:text-yellow-500:hover{
  color:var(--color-yellow)!important;
}

.hover\:bg-yellow-500:hover{
  background-color:var(--color-yellow)!important;
  filter:brightness(.95);
}

.bg-slate-50{
  background:var(--color-bg)!important;
  background-attachment:fixed!important;
}

.text-gray-800{
  color:var(--color-gray-dark)!important;
}

.text-gray-700{
  color:var(--color-gray-dark)!important;
}